lostyazilim
tr.link

Slider Otomatik İlerlemiyor!

5 Mesajlar 1.141 Okunma
lstbozum
tr.link

zxyxyz zxyxyz WM Aracı Kullanıcı
  • Üyelik 25.09.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad B** Ö**
  • Mesajlar 149
  • Beğeniler 52 / 8
  • Ticaret 0, (%0)
Merhaba arkadaşlar. Tayfun Erbilen'in Jquery derslerine bakarak (17.video) slider yaptım. Resim boyutu dışında kodları birebir aynı yapmama rağmen slider'ın tüm özellikleri çalışıyor fakat otomatik yürütme özelliği çalışmıyor.. Defalarca kontrol ettim kodlar aynı... Autoplay neden çalışmıyordur sizce?

<script>

/* Ana Sayfa Slider Başlangıç */
$(function(){

var sure = 1000; //Slider otomatik dönme süresi
var toplamLi = $(".slider ul li").length;
var liWidth = 1920;
var toplamWidth = liWidth * toplamLi
var liDeger = 0;
$(".slider ul").css("width", toplamWidth + "px")

$("a.sonraki").click(function(){
if (liDeger < toplamLi - 1){
liDeger++;
yeniWidth = liWidth * liDeger;
$(".slider ul").animate({marginLeft: "-" + yeniWidth + "px"}, 500);
}

else {
liDeger=0;
$(".slider ul").animate({marginLeft: "0"}, 500);
}

return false;
})

$("a.onceki").click(function(){
if (liDeger > 0){
liDeger--;
yeniWidth = liWidth * liDeger;
$(".slider ul").animate({marginLeft: "-" + yeniWidth + "px"}, 500);
}

return false;
})
});

/*Otomatik Dönme Başlangıç*/

$.Slider = function(){
if (liDeger < toplamLi - 1){
liDeger++;
yeniWidth = liWidth * liDeger;
$(".slider ul").animate({marginLeft: "-" + yeniWidth + "px"}, 500);
}

else {
liDeger=0;
$(".slider ul").animate({marginLeft: "0"}, 500);
}
}

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

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

/*Otomatik Dönme Bitiş*/

/* Ana Sayfa Slider Bitiş */
</script>


/*Otomatik Dönme Başlangıç*/ 'tan sonrası çalışmıyor.
 

 

wmaraci
reklam

bilsez bilsez WM Aracı Kullanıcı
  • Üyelik 16.01.2016
  • Yaş/Cinsiyet 63 / E
  • Meslek Gazeteci
  • Konum Mersin
  • Ad Soyad V** K**
  • Mesajlar 305
  • Beğeniler 66 / 129
  • Ticaret 0, (%0)
Sorun bu kodda değil, öbür jquery kodu silinmiş o yüzden çalışmıyor, boşuna uğraşma.
Sana slider lazımsa çok daha profesyonel bir tane gönderebilirim.
 

 

ontedi ontedi www.ontedi.com Kullanıcı
  • Üyelik 03.10.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Yazılım Uzmanı, Matematikçi
  • Konum Ankara
  • Ad Soyad S** T**
  • Mesajlar 1118
  • Beğeniler 325 / 324
  • Ticaret 2, (%100)
setIntervaval(fnOtomatik, 4000);
function fnOtomatik()
{
$("a.sonraki").trigger("click");
}


üstünkörü yazdım, JavaScript'teki setInterval metodu ile belirli sürede belirli işlemi yaptırabilirsin.
 

 

www.ontedi.com
www.cizgi.site

HapyMan HapyMan Full Stack Developer Kullanıcı
  • Üyelik 14.05.2016
  • Yaş/Cinsiyet 32 / E
  • Meslek What do you do exactly ?
  • Konum İstanbul Avrupa
  • Ad Soyad T** T**
  • Mesajlar 561
  • Beğeniler 171 / 208
  • Ticaret 0, (%0)

<script>

(function($){

/* Ana Sayfa Slider Başlangıç */
$(function(){

window.sure = 1000; //Slider otomatik dönme süresi
window.toplamLi = $(".slider ul li").length;
window.liWidth = 1920;
window.toplamWidth = liWidth * toplamLi
window.liDeger = 0;

/* window. komutu değişkeni tüm fonksiyonlarda kullanmanı sağlar ve birden fazla kez değer atayabilirsin. */

$(".slider ul").css("width", toplamWidth + "px");



function sliderNext(){
if (liDeger < toplamLi - 1){
liDeger++;
yeniWidth = liWidth * liDeger;
$(".slider ul").animate({marginLeft: "-" + yeniWidth + "px"}, 500);
}else {
liDeger=0;
$(".slider ul").animate({marginLeft: "0"}, 500);
}
}
function sliderPrev(){
if (liDeger > 0){
liDeger--;
yeniWidth = liWidth * liDeger;
$(".slider ul").animate({marginLeft: "-" + yeniWidth + "px"}, 500);
}else {
liDeger = toplamLi;
yeniWidth = liWidth * liDeger;
$(".slider ul").animate({marginLeft: "-" + yeniWidth + "px"}, 500);
}
}



$("a.sonraki").click(function(){
sliderNext();
return false;
});

$("a.onceki").click(function(){

sliderPrev()
return false;
})

var don = setInterval(function(){
sliderNext();
}, sure);

$("#slider").hover(function(){
clearInterval(don);
}, function (){
don = setInterval(function(){
sliderNext();
}, sure);
});




})(jQuery)


</script>


hocam kodu denemedim ama muhtemelen çalışır. kontrol etme fırsatım olduğunda bu mesajı güncelleyeceğim.

Ek olarak :
mevcut yazılımı kontrol edince :



/*Otomatik Dönme Başlangıç*/

$.SliderAutoLoop = function(){

if (liDeger < toplamLi - 1){
liDeger++;
yeniWidth = liWidth * liDeger;
$(".slider ul").animate({marginLeft: "-" + yeniWidth + "px"}, 500);
}else {
liDeger=0;
$(".slider ul").animate({marginLeft: "0"}, 500);
};
};



var don = setInterval("$.SliderAutoLoop()", sure);

$("#slider").hover(function(){
clearInterval(don);
}, function (){
don = setInterval("$.SliderAutoLoop()", sure);
});

/*Otomatik Dönme Bitiş*/





bu şekilde çalışacaktır.
 

 

wmaraci
wmaraci

zxyxyz zxyxyz WM Aracı Kullanıcı
  • Üyelik 25.09.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad B** Ö**
  • Mesajlar 149
  • Beğeniler 52 / 8
  • Ticaret 0, (%0)

bilsez adlı üyeden alıntı

Sorun bu kodda değil, öbür jquery kodu silinmiş o yüzden çalışmıyor, boşuna uğraşma.
Sana slider lazımsa çok daha profesyonel bir tane gönderebilirim.


Çok iyi olur. Gönerirsen sevinirim :)

Ek Olarak:

HapyMan adlı üyeden alıntı

[HTML]

Bu şekilde çalışacaktır.


Denedim, olmadı maalesef.
 

 

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al