PDA

View Full Version : سوال: بایند کردن یک تگ image به یک تابع java script



imanasp
پنج شنبه 11 خرداد 1391, 17:38 عصر
یک تابع به شکل زیر دارم:
<script type="text/javascript">
var slider = new Slider($('#container'));
slider.setPhotos([
{ "src": "Gallery/6841.jpg", "name": "Big Buck Bunny" },
{ "src": "Gallery/002.jpg", "name": "Elephant Dreams" }
]);
slider.setSize(400, 300);
slider.setTheme('theme-dark');
slider.setTransition('transition-zoomin');

</script>
حالا نمی دونم چطوری باید به این تگ نسبتش بدم:

<img src="Gallery/6841.jpg/>

shmata
جمعه 12 خرداد 1391, 14:06 عصر
باید یک div با کلاس photos ایجاد کنیدو تگ img را در آن قرار دهید و در js تون به صورت زیر عمل کنید .

document.photos.src = setPhotos.src;

من یک نمونه انجام شده شو براتون میذارم تا بهتر جا بیوفته .


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="JavaScript">
var imageList = new Array;
imageList[0] = new Image;
imageList[0].src = "image1.jpg";
imageList[1] = new Image;
imageList[1].src = "image2.jpg";
imageList[2] = new Image;
imageList[2].src = "image3.jpg";
imageList[3] = new Image;
imageList[3].src = "image4.jpg";
function slideShow(imageNumber) {
document.slideShow.src = imageList[imageNumber].src;
imageNumber += 1;
if (imageNumber < imageList.length) {
window.setTimeout("slideShow(" + imageNumber + ")",3000);
}
}
</script>
</head>
<body onLoad="slideShow(0)">
<img src="image1.jpg" width=100 name="slideShow">
</body>
</html>

imanasp
جمعه 12 خرداد 1391, 17:34 عصر
حقیقتش من از این http://sliderjs.org/ میخام تو صفحات aspx استفاده کنم خودش نمونه داره و آموزش هم داده منتهی من گیج شدم و نتونستم ازش اسفاده کنم می تونید کمکم کنید؟ فایل CSS و جاوا اسکریپت و هر چیزی که لازم داشت رو به سایتم اضافه کردم ولی عمل نمی کنه میشه یک نمونه از این رو کامل کنید؟

exlord
جمعه 12 خرداد 1391, 19:47 عصر
یک تابع به شکل زیر دارم:
<script type="text/javascript">
var slider = new Slider($('#container'));
slider.setPhotos([
{ "src": "Gallery/6841.jpg", "name": "Big Buck Bunny" },
{ "src": "Gallery/002.jpg", "name": "Elephant Dreams" }
]);
slider.setSize(400, 300);
slider.setTheme('theme-dark');
slider.setTransition('transition-zoomin');

</script>
حالا نمی دونم چطوری باید به این تگ نسبتش بدم:

<img src="Gallery/6841.jpg/>


از این کد html استفاده بکنین ...
<div id='container' ></div>

imanasp
شنبه 13 خرداد 1391, 07:21 صبح
اینم جواب نداد