Html - CSS - XML - JavaScript - Ajax
Jquery İle Belli Saniye Sonra Diğer Dive Geçme
Jquery İle Belli Saniye Sonra Diğer Dive Geçme
-
başlık biraz uzun oldu ama, jquery ile bi div içindeki yazıyı belli saniye sonra diğer yazıya geçecek şekilde nasıl yapabiliriz.
manşet sistemi için
deneme haber 1
5 sn sonra bu silinip
deneme haber 2
...
..
gibi, örneklere baktımda hep bi yerde hata yapıyorum divler birbirine giriyor, yada çalışmıyor.
-
divin içerisini boşaltıp yeni bir içerikmi ekleyeceksin dive?
yoksa iki farklı div var ikisininde içeriği hazır ilk önce birini gösterip 5 saniye sonra ilk gösterdiğini görünmez yapıp diğerinimi göstereceksin?
-
5 div var, 5 er saniye süreyle biri kapanıp diğeri açılcak.
-
şöyle bişey karaladım hocam işini görür belki: http://jsfiddle.net/sma8ydkt/
slider kütüphaneleri var direk onları kullanabilirsin
-
mfe'nin yazdığı güzel kod işine yarar fakat loop etmez, loop istersen tekrar düzenler zaten.
iç içe geçiyorsa kodda olduğu gibi display sorunu vardır, display:none ile de yapabilirsin, ya da SEO'ya yararlı olsun, manşetlerdekini de google çeksin dersen 5 div nesnesini de gösterirsin fakat tek bir divin için koyar ve overflow:hidden kullanırsın, sonra sadece top: özelliklerini değiştirerek onları yukarı çekersin.
-
Aslında senin ihtiyacın olan "jquery slider" sistemine en uygun slider'ı bulup arayüz kısmını kendine göre düzenlemek gerek. Eğer resim slider varsa bunları content haline getirip ilgili alan içerisinde istediğin bilgiyi sunarsın zira bir çok slider tipinde hazır versiyonu da var.
Bunları bi incele istersen.http://unslider.com
http://bxslider.com
http://www.basic-slider.com
http://supersimpleslider.com
http://codepen.io/zuraizm/pen/vGDHlcombo: http://www.jssor.com/
TxT tarafından 05/Oca/15 21:16 tarihinde düzenlenmiştir -
mfe25 bunu yazdı
şöyle bişey karaladım hocam işini görür belki: http://jsfiddle.net/sma8ydkt/
slider kütüphaneleri var direk onları kullanabilirsin
Arkadaşınkini biraz daha editledim şöyle bir şey mi hocam istediğin ? Görünümü kendine göre değiştirebilirsin tabi -> http://jsfiddle.net/sma8ydkt/14/
ndmylmz tarafından 05/Oca/15 21:22 tarihinde düzenlenmiştir -
ndmylmz bunu yazdımfe25 bunu yazdı
şöyle bişey karaladım hocam işini görür belki: http://jsfiddle.net/sma8ydkt/
slider kütüphaneleri var direk onları kullanabilirsin
Arkadaşınkini biraz daha editledim şöyle bir şey mi hocam istediğin ? Görünümü kendine göre değiştirebilirsin tabi -> http://jsfiddle.net/sma8ydkt/14/
teşekkürler hocam bahseettiğim şekil buydu.
-
En basit yolu 5tane div olustur.
var sayac = 0;
var timer = setInterval(function(){
sayac++;
if(sayac == 1){
$("div1").show("slow");
$("div2").hide("slow");
.
.
$("div5").hide("slow");
}
//burada sayaci 1-5 arasi kontrol ettirip ona gore show veya hide yazican
if(sayac ==6){
clearInterval(timer);
//eger surekli tekrar etsin istersen sayac = 0 de clearintervali kaldir
}
Mobilden yaziyorum syntax hatalari olabilir