slider.jpg-JQuery Cycle Eklentisi ile Basit Slider Oluşturma-cahitsoyman.blogspot.com
Bu makalede Jquery Kütüphanesi ve Jquery Cycle (Plugin) eklentisi kullanarak slider oluşturmayı anlatmak istiyorum.

Jquery Cycle Plugin, birçok farklı geçiş efektini destekleyen bir slayt eklentisidir.

Şimdi slider oluşturmaya başlayalım.

İlk olarak yapmamız gereken şey, jquery.com adresinde sağ üst başta bulunan Downloading Jquery butonuna tıklayarak Jquery kütüphanesini bilgisayarımıza indirip,aşağıda ki gibi head tagları arasına eklemek.

İkinci olarak da,  jquery.malsup.com/cycle/ adresinde sol üst baştaki Download the Cycle Plugin 'e tıklayarak açılan sayfada Cycle Plugin'i bilgisayarımıza indirip aşağıdaki gibi head tagları arasına eklemek.

<head>
       
       <script src="Jquery/jquery-3.1.1.min.js" type="text/javascript"></script>
       <script src="Jquery/jquery.cycle.all.js" type="text/javascript"></script>
 
</head>
Daha sonra style kodlarımızı yazacağımız dosyayı sayfamıza çağırmamız gerekmektedir.

Bunun için önce css kodlarımız yazacağımız bir style.css adında bir dosya açıyor ve html dosyamızla entegrasyonunu  aşağıdaki şekilde yapıyoruz.


<head>
       
       <link rel="stylesheet" type="text/css" href="style.css">

</head>

Bundan sonra HTML, CSS ve SCRİPT kodlarımızı yazarak sliderimizi oluşturabiliriz.




Anlatımları görsel olarak aşağıdaki videodan veya YouTube kanalımdan izleyebilirsiniz.