Jquery-Slider

Gene uzun bir süre boş bıraktıktan sonra döndüm yuvama 🙂
Bu sefer size jquery’de kayan yazılar(böyle demek doğru olacak sanırım) ın nasıl yapıldığını örnekle vereceğim. Örnek olarak FirmaBilgi.Net‘te kullandığımız anasayfayı verebilirim. Şuradan bakabilirsiniz örneğe..

Kodlara bakınca anlayacaksınız yapısını rahatça. Ama kısaca özetlemek gerekirse liste şeklinde yazıyorsunuz yazılarınızı, ve bu liste içinde her <li></li> taglarıyla yazacağınız yazı ileri yada geri gidince gözükecek olan yazıların olacağı yer.

Ben size örnek olarak verdiğim kodda 2 tane yaptım bu örnekten. Siz bunu daha da çoğaltmak isterseniz önce div’in id si olarak belirtilen slider ve slider2 yazıyor benim örneklerimde sizde buna başka isim verip head kısmında script içine diğer fonksiyonların yanına

fonksiyonunu da yazarsanız eklediğiniz slider da çalışacaktır artık. Hayırlı uğurlu olsun 🙂

<div class=”accessible_news_slider candy_coated” id=”slider2″>s

Bu arada örnek dosyaya buradan ulaşabilirsiniz.

Genel olarak web üzerine yoğunlaşan, gaza gelmek için müzik dinleyen, amatör olarak resim çekmeye çalışan, bir yandan özel bir şirkette çalışıp, diğer yandan da okumaya devam eden sıradan bir ölümlü. He bide buraların sahibi.

5 comments On Jquery-Slider

Leave a reply:

Your email address will not be published.