jquery ile kendi sliderinizi yapın


Merhaba dostlar, bugün sizlere slider yapımı hakkında bilgi vereceğim. Biliyorsunuz heryerde hazır sliderler var ancak bunlar bazı insanları tatmin etmiyor tamamen istediği şekilde slider bulamayanlar oluyor bunun için kendi sliderinizi yapmanız için sizlere konuya giriş yaptım. Sadece birkaç kod ile jquery slider yapımı konusunda kafanızda mantığı az çok oturacaktır.
Kodları indirmek için tıkla

Kodları görüntülemek için tıkla

 

Kullandığımız kodlar

//jquery kodları

$(document).ready(function() {

	$(".kucuk").mouseover(function(){
		var src = $(this).attr("src");
		$("#buyuk").attr('src',src);
	})

});

//html kodları

	<img id="buyuk" alt="" src="1.png" width="610" />

	<img class="kucuk" alt="" src="1.png" width="150" />
	<img class="kucuk" alt="" src="2.png" width="150" />
	<img class="kucuk" alt="" src="3.png" width="150" />
	<img class="kucuk" alt="" src="4.png" width="150" />

Bir önceki yazımız olan jquery derslerine giriş - hareketli div başlıklı makalemizde animate, hareket ve hareketli div hakkında bilgiler verilmektedir.

jquery ile kendi sliderinizi yapın ile Benzer Yazılar:

29 Temmuz 2015 Saat : 6:06

jquery ile kendi sliderinizi yapın Yazısı için Yorum Yapabilirsiniz

jquery kodları Son Yazılar