Jquery Sorusu
-
Merhaba jQuery'ciler,
5 tane aynı class'a sahip div'im var. Bunların sırayla 1'er saniye aralıkla görünmesini istiyorum.
En son div'e geldiğinde tekrar başa dönmeli.
each() metodu ile yapıyorum fakat setInterval ile kullanamadım.
Bilgisi olan var mı?
-
aynı dertten bende muzdaribim hacı setinterval de döngü çalışıyo ama sadece bir kez tekrar başa dönmüyor nedense :S
http://css-tricks.com/examples/StartStopSlider.zip şu dosyanın içerisindeki js yi bir incele istersen...
bu arada çözümü paylaşırsan sevinirim...
-
Müsait olunca yazmaya çalışırım bir tane.
-
Konuyu açtıktan birkaç dakika sonra şu şekilde hallettim.
Belki biraz amelece oldu ama yaptım.
Mantık olarak da; sayfaya ilgili tablodan son 5 veriyi çekiyorum. class'larına da (announcement + i) veriyorum. i'nin değeri 0'dan 5'e kadar. Alttaki jQuery koduyla da şu ankini kapatıp bir sonrakini açıyorum.
Biraz daha düzenlersem bu kod işe yarar olacak. Şu an birazcık eksiği var.
var i = -1; setInterval(function () { $(".announcement" + i).fadeOut("slow").promise().done(function () { if (i >= 5) { i = -1; } $(".announcement" + (i + 1)).fadeIn("slow"); i++; }); }, 5000);
-
-
div.ndmylmz.com adresinde istediğin fonksiyonları yazdım hocam..
Özellikleri :
* Sayfa ilk açıldğında hiçbir div gözükmüyor Sonradan geliyor. Ama istersen ilk divin display değerini block yaparak sayfa ilk yüklendiğinde ilk divin gözükmesini sağlayabilrsin.
* Süre değiştirilebiliyor. Süre yerine ne girerseniz o süre içinde divler yüklenecektir.
* Toplam div sayısı değiştirilebiliyor.. Daha fazla dive uyum sağlamak için ne içi kullanacağını bilmiyorum hocam :)
* İstenirse sayfa başlangıçta başlayacağı ilk div değiştirilebilir.
İncele istersen fonksiyonları oradan eğer işine yararsa ne güzel. Bu arada ben div classlarına div_1 , div_2 ... şeklinde verdim.