اسلایدشو ساده

[mostafae]

سلام. من یه اسلایدشو ساده با عرض 400 و ارتفاع 100 میخوام که هر 4 یا 5 ثانیه تصویرش عوض شه و در حین عوض شدن سریعا به سمت راست حرکت کنه ...

چیزهایی مثل next و pre و ... نداشته باشه. ساده ی ساده باشه.
این اسلایدشو رو داره؟؟؟؟ یا لینک دانلودی رو میشناسه که معرفی کنه؟؟؟؟؟؟؟؟؟؟

[ostadsho]

میتونی از پلاگین زیر استفاده کنی:

jquery cycle plugin

از این آدرس دانلودش کنید:http://jquery.malsup.com/cycle/

یه خلاصه ای از نحوه استفادش:(اول جی کوئری رو فراخوانی میکنید بعدش هم پلاگین رو و بعدشم که دیگه کدهای html و jquery)

داخل بخش slideshow نیاز نیست که حتما تگ a باشه یا تگ img هر تگی رو میتونید انتخاب کنید تا اسلاید بشه.



<script src="js/jquery-1.10.2.min.js"></script>

<script src="js/cycle.js"></script>


<div id="slideshow" style="width:735px; height:315px; border:2px solid #ccc; border-radius:7px; float:right; overflow:hidden;">

<a><img src="img/s1.png"></a>

<a><img src="img/s2.png"></a>


</div><!--slideshow-->



<script>

$("#slideshow").cycle({

fx:'zoom',
timeout:5000


})


</script>