Slider Otomatik Değişme

07.03.2013 22:09

ugurcanka Öğrenci Kullanıcı

Üyelik 09.12.2012
Yaş/Cinsiyet 25 / E
Meslek Öğrenci
Konum İstanbul Anadolu

Ad Soyad U** K**
Mesajlar 561
Beğeniler 112 / 90
Ticaret 34, (%100)

Merhaba minimal wordpress temasındaki sliderin 5 saniyede bir değişmesini istiyorum ;



/* Slider */

    var toplam = $("#slider ul li").length;

    var genislik = 599;

    var tGenislik = toplam*genislik;

    var yDeger;

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

    var deger = 0;

    $("a#Sonraki").click(function(){

        if (deger < toplam-1){

            deger++;

            yDeger = deger*genislik;

            $("#slider ul").animate({marginLeft: "-"+yDeger+"px"}, 400);

        }

        return false

    });

    $("a#Onceki").click(function(){

        if (deger > 0){

            deger--;

            yDeger = deger*genislik;

            $("#slider ul").animate({marginLeft: "-"+yDeger+"px"}, 400);

        }

        return false

    });

Developer

14.03.2013 15:50

#2

LtfAktass AktasDizayn Kullanıcı

Üyelik 08.08.2012
Yaş/Cinsiyet 32 / 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);

14.03.2013 15:51

#3

ugurcanka Öğrenci Kullanıcı

Üyelik 09.12.2012
Yaş/Cinsiyet 25 / E
Meslek Öğrenci
Konum İstanbul Anadolu

Ad Soyad U** K**
Mesajlar 561
Beğeniler 112 / 90
Ticaret 34, (%100)

ltfaktaş adlı üyeden alıntı

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 = setınterval("$.slider()", sure);





		$("#slider").hover(function(){

			clearınterval(don);

}, function(){





	don = setınterval("$.slider()", sure);

teşekkürler

Developer

Slider Otomatik Değişme

Üye Girişi Yap