• 17-09-2012, 10:05:22
    #1
    arkadaşlar bir adet slider yaptım ama ben buna ileri geri butonu eklemek istiyorum ama başaramadım kodları burada paylaşıyorum yardımcı olursanız memnun olurum

    var i = 0;  
    var tumgenislik = 0;  
    var genislik = $('#slider div').width();  
    
    function animasyon(px){  
    $('#slider').stop(false, false).animate({  
    left: -px  
    }, 300);  
    
    }
     
     $('#sayfalama a').click(function(){  
    var index = $(this).index();  
    pozisyon = index * genislik; 
    animasyon(pozisyon);  
    if(index == 4){  
    i = 0;  
    }else{
    i = index + 1;  
    }
    return false;  
     });
     
    var zamanlayici = setInterval(function() {  
    tumgenislik = i * genislik;  
    if(i==2){  
    }
    animasyon(tumgenislik);  
    i++;  
    }, 2000);  
    
    $("#slider").hover(function(){
    	clearInterval(zamanlayici);
    }, function(){
    	zamanlayici = setInterval(function() {
    	tumgenislik = i * genislik;
    	if(i==2){
    		i = -1;
    	}
    	animasyon(tumgenislik);
    	i++;
    	}, 2000);
    })
  • 25-09-2012, 22:56:41
    #2
    Üyeliği durduruldu
    Alıntı
    <span id="ileri">İleri</span><span id="geri">geri</span>
    Alıntı
    eklemen gereken kod ise

    $('#ileri').click(function(){

    animasyon(300,500 artık kaç piksel gidicekse);

    });
    $('#geri').click(function(){

    animasyon(-300,-500 artık kaç piksel gidicekse);

    });
    -300,-500 yazmasının nedeni -(-300) den ileri yerine geri çevirmesi slideri...


    Kolaylıklar.