Jquery Slider Yapımı

Jquery slider yapımı ile sitelerinize kolay Slider yapımını öğreneceksiniz. Siteleriniz sadece bir kaç eklenti ile sizlerde hiç uğraşmadan sitelerinizi yapabilirsiniz.

Jquery Slider Yapımı Videolu Dersi

Sitenize dahil etmeniz gereken kodlar

<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </ script>
<script src = "http://malsup.github.com/jquery.cycle2.js"> </ script>

Bu kodları sitenizin <head>  tagları arasına eklemelisiniz. Örnek Slider ve daha çok bilgi için buraya tıklayabilirsiniz.

Yukarıda cycle2 kütüphanesinin slider eklentisini kullanıyoruz. Örnek olarak çalışan bir kod örneği

<div class = "cycle-slideshow" >
    <img src = "http://malsup.github.io/images/p1.jpg">
    <img src = "http://malsup.github.io/images/p2.jpg">
    <img src = "http://malsup.github.io/images/p3.jpg">
    <img src = "http://malsup.github.io/images/p4.jpg">
</div>


Slider Ayar Seçenekleri bu seçenekler ile slider hızlınızı kolayca ayarlıyabilirsiniz.

<div class="cycle-slideshow"
    data-cycle-fx="scrollHorz"
    data-cycle-pause-on-hover="true"
    data-cycle-speed="200"
    >
    <img src="http://malsup.github.io/images/p1.jpg">
    <img src="http://malsup.github.io/images/p2.jpg">
    <img src="http://malsup.github.io/images/p3.jpg">
    <img src="http://malsup.github.io/images/p4.jpg">
</div>


Manuel Slider

Manuel Slider da ileri geri seçenekleri ile slider’i kontrol etmenizi sağlamaktadır. Örnek kodu aşağıdaki gibidir.

<div class="cycle-slideshow"
    data-cycle-fx="scrollHorz"
    data-cycle-timeout="0"
    data-cycle-prev="#prev"
    data-cycle-next="#next"
    >
    <img src="http://malsup.github.io/images/p1.jpg">
    <img src="http://malsup.github.io/images/p2.jpg">
    <img src="http://malsup.github.io/images/p3.jpg">
    <img src="http://malsup.github.io/images/p4.jpg">
</div>

<div class="center">
    <a href=# id="prev">Prev</a> 
    <a href=# id="next">Next</a>
</div>

Add a Comment

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

viagra satış

türkçe alt yazılı porno izle

alt yazılı porno

porno izle