Perşembe , 23 Mart 2017
Anasayfa » JavaScript » Jquery » Çok Basit Jquery Slider

Çok Basit Jquery Slider

Jquery kullanarak çok fazla kodlama yapmadan kullanılabilecek güzel bir slider eklentisi.  Kullanacağım slider eklentisi kendi adı ile müstesne süper basit slider (super simple slider) eklentisi olarak ifade edebiliriz.

1.Adım: Jquery super simple slider eklentisini indirip proje klasörüne atıyoruz. (eklentiyi indirin)

2.Adım: Sliderı kullanacağımız temel html sayfasının aşağıdaki şekilde oluşturuyoruz.

3.Adım:  body etiketlerinin arasına slider eklentisi için gerekli olan html kodunu yerleştiriyoruz.  resim klasöründeki 3 tane resim dosyasını yol olarak gösteriyoruz.

 

4.Adım: head etiketleri arasına aşağıdaki slider kodlarını yapıştırıyoruz. Not slider eklentsinin kullanacağı css ve js dosyalarının doğru yolda olduğundan emin olun.

 

Çalışma tamamlandıktan sonra kodlar aşağıdaki gibi şekillenecektir.

 

 

Çalışmanın bitmiş hali indirmek için tıklayın.

 

 

 

 

 

 

Hakkında Hayri

İlginizi Çekebilir

JQuery ile İsim Listeleme

  Bu çalışmamızda JQuery ile <ul> etiketinin içerisine tanımladığımız dizideki isimleri yazdıracağız. Çalışmaya başlamadan önce …

Bir Cevap Yazın

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