-
Ü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.
-
Ü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
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
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.
