ورود

View Full Version : سوال: اتوماتیک کردن یک اسلاید شو



progpars
چهارشنبه 03 خرداد 1391, 10:43 صبح
سلام من میخوام یک اسلاید شو رو اتوماتیک کنم اسلاید شو هم توی این سایت به کار رفته :

respinaseir.ir
آشنایی کمی با جی کوئری دارم و فقط میدونم با استفاده از متود setInterval() میشه این کارو کرد و فک میکنم از حلقه هم باید توش استفاده بشه کدهای من :
<script type="text/javascript">
$(document).ready(function() {
var imgWrapper = $('.slideshow > img');
// only show the first image, hide the rest
imgWrapper.hide().filter(':first').show();
$('ul.recentlist li a').click(function (){

// check if this item doesn't have class "current"
// if it has class "current" it must not execute the script again
if (this.className.indexOf('current') == -1){
imgWrapper.hide();
imgWrapper.filter(this.hash).fadeIn(500);
$('ul.recentlist li a').removeClass('current');
$(this).addClass('current');
}
return false;
});

});
</script>
لطفاً راهنمایی فرمایید در مورد کدنویسی مذکور

exlord
چهارشنبه 03 خرداد 1391, 21:02 عصر
میتونم بپرسم چرا از slider آماده استفاده نمیکنین ؟ مثل nivoslider

progpars
پنج شنبه 04 خرداد 1391, 10:33 صبح
میتونم بپرسم چرا از slider آماده استفاده نمیکنین ؟ مثل nivoslider
بنده هدفم آَشنایی بیشتر با این متود هست چون جی کوئری رو تا یه جاهایی پیش رفتم میخوام این کارو انجام بدم و روی جاهای دیگه هم اعمال کنم اگر امکان داره طریقه به کار گیری در این کد من رو آموزش بدید .

progpars
یک شنبه 07 خرداد 1391, 09:42 صبح
اوکی کردمش با کد زیر :
$(function() {
$('.current :first-child').appendTo('.slideshow').show();
setInterval(function() {
$('.slideshow :first-child').hide().appendTo('.slideshow').fadeIn(2000) ;
}, 4000);
});

و کد کاملش :
<script type="text/javascript">

$(document).ready(function() {
$(function() {
$('.current :first-child').appendTo('.slideshow').show();
setInterval(function() {
$('.slideshow :first-child').hide().appendTo('.slideshow').fadeIn(2000) ;
}, 4000);
});

var imgWrapper = $('.slideshow > img');
// only show the first image, hide the rest
imgWrapper.hide().filter(':first').show();
$('ul.recentlist li a').click(function (){

// check if this item doesn't have class "current"
// if it has class "current" it must not execute the script again
if (this.className.indexOf('current') == -1){
imgWrapper.hide();
imgWrapper.filter(this.hash).fadeIn(500);
$('ul.recentlist li a').removeClass('current');
$(this).addClass('current');
}

return false;
});

});
</script>

milad465
دوشنبه 13 آبان 1392, 23:17 عصر
سلام
لطف می کنید سورس کامل اسلایدشو رو بگذارید. ممنون

wahid22
سه شنبه 11 آذر 1393, 19:00 عصر
منم میخوام اینو اتوماتیک کنم


<script type="text/javascript">
$(document).ready(function(){
slider = new DegradeSlider("slider1", {
showBottomCorners: true,
bottomCornersStyle: "CornerStyle01",
shadowType: "ShadowType01",
sliderBackgroundColor: "#000",
sliderBackgroundOpacity: .2,
leftRightNavType: "Nav01"
});



});
</script>