jQuery zincirleme nasıl yapabilirim ?

13-11-2013, 12:37:11

Kimlik doğrulama veya yönetimden onay bekliyor.

Arkadaşlar ilk önce resim1 gelsin kaybolsun sonra resim2 gelsin kaybolsun resim3 gelsin kaybolsun böyle böyle bir şey istiyorum şöyle bir kod yazdım;

 setInterval(function(){
			$(".slider_icerik:nth-child(1)").hide().$(".slider_icerik:nth-child(2)").show().delay(1000).$(".slider_icerik:nth-child(2)").hide().delay(1000).$(".slider_icerik:nth-child(3)");
		 },1000);

ama bu kod çalışmıyor, jQuery de nasıl zincirleme kod yazabilirim.

13-11-2013, 16:12:57

#2

alikarakoc93

    <script type="text/javascript">
        $(document).ready(function () {
            setInterval(function () {
                $("#top").fadeOut(function () {
                    $(this).attr("src", "https://www.r10.net/avatars/57819.gif?dateline=1359841323").fadeIn().delay(1000).fadeOut(function () {
                        $(this).attr('src', 'https://www.r10.net/avatars/61474.gif?dateline=1380197474').fadeIn().delay(1000);
                    });
                }
                );
            }, 4000);
        });
    </script>

<img id="top" src="https://www.r10.net/avatars/57819.gif?dateline=1359841323" width="60" height="60" />

Örnek uygulama için tıklayın.

Veya daha gelişmiş olarak şu kütüphaneyi kullanabilir siniz;

http://jquery.malsup.com/cycle/

13-11-2013, 16:24:00

#3

PrestijTR

alikarakoc93 adlı üyeden alıntı: mesajı görüntüle

    <script type="text/javascript">
        $(document).ready(function () {
            setInterval(function () {
                $("#top").fadeOut(function () {
                    $(this).attr("src", "https://www.r10.net/avatars/57819.gif?dateline=1359841323").fadeIn().delay(1000).fadeOut(function () {
                        $(this).attr('src', 'https://www.r10.net/avatars/61474.gif?dateline=1380197474').fadeIn().delay(1000);
                    });
                }
                );
            }, 4000);
        });
    </script>

<img id="top" src="https://www.r10.net/avatars/57819.gif?dateline=1359841323" width="60" height="60" />

Örnek uygulama için tıklayın.

Veya daha gelişmiş olarak şu kütüphaneyi kullanabilir siniz;

http://jquery.malsup.com/cycle/

Hocam ben hep aynı resmi tekrar ettirsin değil de hep değişik değişik resimler gelsin istiyorum ve cycle eklentisini kullandığımda slidere bastığımda büyük resimler çıkmıyor, şu an tam olarak ne yapmam lazım ?

13-11-2013, 18:18:16

#4

alikarakoc93

Şuanda yapmış olduğum hep aynı resimleri tekrar etmez zaten kendine göre ayarlayacaksın onu.

$(this).attr("src", "https://www.r10.net/avatars/57819.gif?dateline=1359841323").fadeIn().delay(100 0).fadeOut(function () {
$(this).attr('src', 'https://www.r10.net/avatars/61474.gif?dateline=1380197474').fadeIn().delay(100 0);
});

Yukarıda ki kodlara bak tek tek ekle

13-11-2013, 19:39:14

#5

PrestijTR

alikarakoc93 adlı üyeden alıntı: mesajı görüntüle

Şuanda yapmış olduğum hep aynı resimleri tekrar etmez zaten kendine göre ayarlayacaksın onu.

$(this).attr("src", "https://www.r10.net/avatars/57819.gif?dateline=1359841323").fadeIn().delay(100 0).fadeOut(function () {
$(this).attr('src', 'https://www.r10.net/avatars/61474.gif?dateline=1380197474').fadeIn().delay(100 0);
});

Yukarıda ki kodlara bak tek tek ekle

Üstad ben bi türlü yapamadım yine de kaymalar oluyor sana bi link attım zahmet olmazsa çok ama çok rica ediyorum yapabilir misin acaba ? belki senin için kolay bi işlem ama benim için zor oldu ve öğrenmem açısından güzel bi uygulama olacak en azından nasıl yapıldığını görürüm