-
Üyelik
08.08.2012
-
Yaş/Cinsiyet
33 / E
-
Meslek
Tasarımcı
-
Konum
Bolu
-
Ad Soyad
** **
-
Mesajlar
59
-
Beğeniler
2 / 6
-
Ticaret
0, (%0)
calisan slider kodlarıdır bakarak yapabilecegini zannediyorum :)
var sure = 2000; // slider otomatik dönme süresi var toplamLi = $(".slider ul li").length;
var liWidth = 500;
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}, 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}, 500);
}
return false;
})
/* Otomatk Dönme */
$.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);