lostyazilim

slider otomatik geciş

7 Mesajlar 12.795 Okunma
lstbozum
wmaraci reklam

salihx1983 salihx1983 WM Aracı Kullanıcı
  • Üyelik 13.02.2014
  • Yaş/Cinsiyet 41 / E
  • Meslek Serbest meslek
  • Konum Ankara
  • Ad Soyad S** E**
  • Mesajlar 152
  • Beğeniler 29 / 9
  • Ticaret 0, (%0)
iyi günler bizim sitemizde bir silider var maus la üzerine geldimi geciş yapıyor biz bunu otomatige nasıl ceviririz yardımcı olabilirmisiniz
 

 

wmaraci
reklam

azretlx azretlx WM Aracı Kullanıcı
  • Üyelik 17.03.2014
  • Yaş/Cinsiyet 27 / E
  • Meslek öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad O** U**
  • Mesajlar 16
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
javascript'te setInterval fonksiyonu bulunmakta, otomatik geçiş için kullanabilirsiniz.

Güncelleme:

Liquid Carousel autoplay ve sona gelince başa sarma eklendi..

https://www.dropbox.com/s/z2eq1hg06k1oadl/liquidcarousel_edited.rar

basit bir örnek;




SetInterval


<script>
setInterval(function(){
alert("World!")
}, 5000);
</script>



her 5 saniyede ekrana World! yazar.
 

 

delinetci1907 delinetci1907 En azından hayattayız. Kullanıcı
  • Üyelik 26.12.2013
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad A** T**
  • Mesajlar 113
  • Beğeniler 2 / 17
  • Ticaret 2, (%100)

azretlx adlı üyeden alıntı

javascript'te setInterval fonksiyonu bulunmakta, otomatik geçiş için kullanabilirsiniz.

basit bir örnek;




SetInterval


<script>
setInterval(function(){
alert("World!")
}, 5000);
</script>



her 5 saniyede ekrana World! yazar.

slider için bir örnek ise;

$.Slider = function(){

// örnek slider kodları
if(liDr < tLi - 1){
liDr++;
yW = liW * liD;
$(".slider ul").css({"-webkit-transform": "translate3d(" + "-" + yeniWidth + "px, 0px, 0px)"});
$(".slider ul").css({"transform": "translate3d(" + "-" + yeniWidth + "px, 0px, 0px)"});

}


var d = setInterval("$.Slider()", 2000);

$("#slider").hover(function(){
clearInterval(don)
}, function(){
d = setInterval("$.Slider()", 2000);
})

Hocam peki bu kodlarda ki sliderı nasıl otomatik geçişli yapabilirim?


<script></script>
<script>
$(document).ready(function() {
$('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false});
});
</script>
 

 

azretlx azretlx WM Aracı Kullanıcı
  • Üyelik 17.03.2014
  • Yaş/Cinsiyet 27 / E
  • Meslek öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad O** U**
  • Mesajlar 16
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
Liquid Carousel Pluginine AutoPlay Özelliği Eklendi.

Lİnk: https://www.dropbox.com/s/h63v9mr8r3l3tgx/liquidcarousel.rar

Arşiv dosyasını indirin ve çıkartın.

jquery.liquidcarousel.js dosyasında değişiklik yapılmıştır. Geçiş hızını değiştirmek içinde;

Notepad++ ile dosyayı açın ve, aşağıdaki kodu aratın.

var don = setInterval("$.Slider()", 2500);

$("#liquid1").hover(function(){
clearInterval(don)
}, function(){
don = setInterval("$.Slider()", 2500);
});


2500 değeri = 2.5 saniye'dir. İstediğiniz bir rakamı verebilirsiniz..
 

 

wmaraci
wmaraci

delinetci1907 delinetci1907 En azından hayattayız. Kullanıcı
  • Üyelik 26.12.2013
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad A** T**
  • Mesajlar 113
  • Beğeniler 2 / 17
  • Ticaret 2, (%100)

azretlx adlı üyeden alıntı

Liquid Carousel Pluginine AutoPlay Özelliği Eklendi.

Lİnk: https://www.dropbox.com/s/h63v9mr8r3l3tgx/liquidcarousel.rar

Arşiv dosyasını indirin ve çıkartın.

jquery.liquidcarousel.js dosyasında değişiklik yapılmıştır. Geçiş hızını değiştirmek içinde;

Notepad++ ile dosyayı açın ve, aşağıdaki kodu aratın.

var don = setInterval("$.Slider()", 2500);

$("#liquid1").hover(function(){
clearInterval(don)
}, function(){
don = setInterval("$.Slider()", 2500);
});


2500 değeri = 2.5 saniye'dir. İstediğiniz bir rakamı verebilirsiniz..


Hocam peki bunu hiç durmadan sürekli kayan şekilde nasıl yapabiliriz? Birde bir süre sonra afişler bitiyor onun için afişler bitince nasıl tekrar başa döndürebiliriz?
Teşekkürler.
 

 

azretlx azretlx WM Aracı Kullanıcı
  • Üyelik 17.03.2014
  • Yaş/Cinsiyet 27 / E
  • Meslek öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad O** U**
  • Mesajlar 16
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
https://www.dropbox.com/s/z2eq1hg06k1oadl/liquidcarousel_edited.rar

Buradan indirebilirsin..
 

 

salihx1983 salihx1983 WM Aracı Kullanıcı
  • Üyelik 13.02.2014
  • Yaş/Cinsiyet 41 / E
  • Meslek Serbest meslek
  • Konum Ankara
  • Ad Soyad S** E**
  • Mesajlar 152
  • Beğeniler 29 / 9
  • Ticaret 0, (%0)
biz siliderde otomatik geciş için hangi dosylarda düzeltme yapmaliyiz acaba bu şekilde içinden cıkamadık
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al