Selamlar dostlarYine kodaman da aslında pek çok istenmeyen bir yazımsı ile karşınızdayım. Bu seferki yazı Jquery ile resim gösterme teknikleri ve yeni çıkan bir plugin hakkında olacak hemencecik girizgahımızı yapalımEfenim jquery hepimizin malumu; web geliştiricilerine çok büyük özgürlükler sağlayan bir framework çatısı. Flash gibi çoğu geliştiriciyi kastıran bir uygulamadansa tek satır kod ile aklınızda olan her türlü efekti (bounce, smoot,) ve uygulamayı yaptırtan (ajax, json …) eğlenceli bir o kadarda insanın ufkunu açan bir frameworkBu framework un belkide en çok kullanılan özelliklerinden biriside lightbox benzeri resim gösterme aparatı. İlk uygulamalar çıktığı zaman geliştiriciler arasında çok geniş yankı buldu bu box lar sayesinde artık sayfa yenilenmeden resmin büyük boyutlu halini gösterebilir ve ya tek bir resme-linke tıklanarak bir resim galerisi açtırılabilir oldu. Hatta yetmedi Lightbox, Facebox, Colorbox gibi bi sürü alternatifleri çıktı.Ama gün geldi bu da yetmez oldu çünki sayfada ekstra bir hareketlilik oluyor kullanıcı bir sonraki resmin ne olduğunu önizleme olarak göremediğinden sıkılmaya başlıyor (Bknz. Facebook da resimler ya büyük ekran tek tek bakılır yada hepsi küçük önizleme sayfasında gösterilir.)işte tam bu noktada Popeye bizi kurtarmakta efendim hemen Popeye“>buraya tıklayak nasıl bişey olduğunu görebilirsiniz.Evet standart hareketimiz olarak jquery imizi sayfamıza ekliyoruz.sonrasında popeyemizi ekleyip aşağıdaki gibi seçicimizi tanımlıyoruz

isterseniz direk üzerinde ayarlama yapabilmek içinde aşağıdaki düzenleme yapabiliriz.

görüldüğü üzre ayarlarda başlık kapatılmış resim hareketi devamlı hale getirilmiş ve sol yönünün sol tarafa doğru olması belirtilmiş durumda.Evet js kısmını bitirdik şimdide biraz css ve html kısmına bakalım* sonraki linki (CSS: .ppy-next),* önceki linki (CSS: .ppy-prev),* genişletilmiş mod linki(CSS: .ppy-switch-enlarge)* compact mod linki (CSS: .ppy-switch-compact) – thumbnail modundayken bu link gizlenir.
yukardaki class isimlerini kullanarak istediğimiz resim yada yazıya istediğimiz özelliği atayabiliyiruz.Son olarak html de nasıl kullanabileceğimizi göstererek yazımızı yazımızı demlenmeye bırakıyoruz.

Image resimden incisi


böylelikle yazımız pişmiş bulunmakta daha detaylı bilgiyi popeye nin doc undan öğrenebilir yada başlık altında yazabilirsiniz. Umarım doyurucu bir yazı olmuştur.Görüşmek üzere