jQuery slider: CS SLIDER

CSTABS dan sonra bu seferde CS Slider ismini verdiğim bir slider kodladım. jQuery ile kodladığım bu scriptde CSTABS gibi gayet performanslı oldu.

Görsellik olarak piyasadaki sliderlar ile karşılaştırığımızda biraz fakir kalabilir fakat geliştirmeye çok açık bıraktım.
Bunun yanı sıra diğer kütüphanelerle çakışmaması için gerekli düzenlemeleride yaptım. Kod yapısınıa göz atacak olursak;

<div id="cs-slider">
<div class="csslider"><img title="Kuzey ışıkları - Aurora" src="images/1.jpg" /></div>
<div class="csslider"><img title="North light" src="images/2.jpg" /></div>
<div class="csslider"><img title="Aurora" src="images/3.jpg" /></div>
<div class="csslider"><img title="Colourful aurora" src="images/4.jpg" /></div>
<div class="csslider"><img title="Green aurora" src="images/5.jpg" /></div>
</div>

title değerine girdiğiniz yazı örnekteki gibi fotoğrafın altında çıkacaktır. Bunun haricinde birde resim adreslerini düzenlemeniz gerekmektedir gördüğünüz gibi gayet basit bir yapısı var.

Demoya bakmak için tıklayın

İndirmek için tıklayın