Mlliyet Milliyet Blog Milliyet Blog
 
Facebook Connect
Blog Kategorileri
 

28 Temmuz '16

 
Kategori
Yazılım
Okunma Sayısı
262
 

Jquery Bootstrap 3 Slider

Jquery Bootstrap 3 Slider
 

Responsive slider


JQuery Responsive Slider Yapımı Bootstrap 3 Uyumlu
 
JQuery Kullanmak bize bir çok kolaylık sağlamaktadır, az kodla çok iş yapmamıza yardımcı olduğu gibi internette bir çok ücretsiz dağıtılmış slider, galeri, tarih seçici, menü gibi bir çok eklentiyide istediğimiz gibi indirip kullanabiliyoruz. Şimdi bizde jQuery Responsive Slider Yapımı Bootstrap 3 Uyumlu konusuna değineceğiz.
 
Örnek olarak jQuery ve Bootstrap kullanarak responsive özelliğe sahip bir çalışma yaptım bunu açıklayacağım. Slider için yazdığım eklentinin içerisinde jQuery timer eklentisi kullandım. Şimdi bu plugin kodlarını yazalım ve inceleyelim.
 
Kullanmak için eklenmesi gereken jquery pluginler;
 
jquery.js
bootstrap.js
responsive-slider.js
 
jQuery Bootstrap Uyumlu Responsive Slider Eklentisi Kodları
 
jQuery Pluginimiz hazır şimdi html sayfamız içerisinde nasıl kullanırız onu inceleyelim.
 
HTML (Hyper Text Markup Language)
 
Yukarıda responsive slider ile ayarlar için açıklamalar yaptım. Burada effect kısmına jQuery easing eklentisinde bulunan farklı efektleri kullanabilirsiniz. Alttaki efektleri deneyerek hoşunuza gideni kullanabilirsiniz.
 
Easing Effect Listesi
 
linear
swing
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInExpo
easeOutExpo
easeInOutExpo
easeInSine
easeOutSine
easeInOutSine
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
Sliderımızı şekillendirmek için CSS kodlarımızıda eklediğimiz zaman bu iş tamamdır.
 
CSS (Cascadin Style Sheets) Kodları
 
Yapacaklarımız bunlardan ibaretti artık responsive sliderımız tamamdır.

Önerilerine Ekle Beğendiğiniz blogları önerin, herkes okusun.

 
Tıklayın, siz de blog yazarı olun! Aklınızdan geçenleri paylaşın!
Facebook hesabınızla yorum yapın, daha çabuk onaylansın!
Toplam blog
: 2
Toplam yorum
: 0
Toplam mesaj
: 0
Ort. okunma sayısı
: 229
Kayıt tarihi
: 27.07.16
 
 

Ankara'da doğdum. İlk, ortaöğrenim ve üniversite eğitimimi Ankara'da tamamladım. Lise yıllarından..

 
 
Yazarı paylaş
  • Tümünü göster