Asp.Net Mvc Camera Slider

Camera Slider
Camera Slider

Bu yazımızda jquery tabanlı olarak kullanılan camera slider kütüphanesini inceleyeceğiz. Web sayfalarınızda kolayca ve hızlı bir şekilde resim slaytı yapmanıza olanak sağlayan bu kütüphanenin birçok özelliği bulunmaktadır.

Kodlama

Yapacağımız örnekte veritabanından alacağımız bilgileri ile nesnemizi dolduracağız.İlk olarak view modelimizi oluşturalım ve veritabanından çekeceğimiz bilgilerle listemizi dolduralım.

Şimdi de veritabanından slayt bilgilerini çekelim.

En son olarak ta Index sayfamız üzerinden döngü ile modelimizi ekrana yazdıralım ve javascript ile slaytımızı oluşturalım.

Index sayfasında data-src ile resmimizi ve  data-thumb ile resmimizin küçük halini ekliyoruz, eklediğimiz resmin önizlemesini görebilmek için javascript  tarafında pagination: false, thumbnails: true yapıyoruz. Slider’ımız ile ilgili bir çok özelliği kullanmak için $(‘#camera_wrap’).camera({ içerisinde istediğimiz özellikleri eklememiz yeterli olacaktır. Bu özelliklere şu sayfa üzerinden ulaşabilirsiniz. Proje örneğine ise github üzerinden erişebilirsiniz.

Bu yazımı beğendiyseniz Quartz.Net ile ilgili yazıma şu adres üzerinden erişebilirsiniz.

Herkese iyi çalışmalar dilerim.

Bir cevap yazın

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