Merhaba Arkadaşlar, Bugün jquery ile Slider uygulamasının nasıl yapıldığını anlatacağım. öncelikle jquery ile slider uygulaması yapabilmek için jquery'de hide , removeClass , addClass, fadeIn , length, setInterval, hover gibi fonksiyonların ne işe yaradıklarını anlatarak başlayalım. jquery slider yapımıHide = seçili nesnenin gizlenmesini sağlar, removeClass =seçilen nesneden parantezler arasına yazılan class özelliklerinin silinmesini sağlar, addClass =remove classın tersi bir işlem yapar yani seçilen nesneye parantezler arasında yazdıgımız class isminin özelliklerini verir, fadeIn =hide fonksiyonunun gizlediği nesneyi tekrar görünür hale getirmeyi sağlar aynı zamanda show fonksiyonuda kullanılabilir aralarındaki fark, efekt farkı, length=seçilen nesnenin uzunluğunu belirlerörnek:1. li2. li3. liburada jquery length işlevini ul için kullanalım. var li_sayisi=$ . length ;dediğimizde li_sayisi değişkeninde 3 değerini görürüz. setInterval = belirttiğimiz işlemi belirli zaman aralıklarında yapmayı sağlar. biz bu özelliği sliderde geçişler için kullanacağız yani her 5 saniyede bir resimlerin değişmesini sağlayacağız. hover =bu fonksiyon ise üzerine gelince yapılacak işlemler dizisini belirtir. jQuery Slider Uygulaması DEMO Gelelim Şimdi html ve jQuery Kodlarımızı Yazmaya;jQuery Kodlarımız Head Bölümüne yazalım;<script></script><script>$(function {var slider=0;$. slider=function else }var toplamli=$ . length;var interval= setInterval('$. slider ',2000);$ . hover(function , function );$ . addClass ;$ . hide ;$ . show ;$ . click(function );});</script>Style dosyalarımız Head içine yazalım<br/>a <br/>ul, li <br/>#slider <br/>#slider ul li <br/>#slider ul#resim li a img <br/>#slider ul#buton <br/>#slider ul#buton li <br/>#slider ul#buton li a <br/>#slider ul#buton li. aktif a <br/> Html Kodlarımızı body içine yazalım; 1234http://bilalisler.net/index. php/jque...-jquey-slider/

Teşekkürler güzel anlatım olmuş.