bildirgec.org

Aslında ilk olarak bir web tasarım projesi için kendime sade bir görsel galerisi çözümü arıyordum ancak araştırmamı ilerlettikçe İnternet üzerindeki tüm başarılı görsel galerilerinin yer aldığı bir makale yazmanın ne kadar kullanışlı olabileceğinin farkına vardım ve sonuçta da bu yazıyı yazdım. Listeyi AJAX, JavaScript ve Lightbox tabanlı galeriler, CSS tabanlı galeriler ve Flash tabanlı galeriler olmak üzere 3 ana kategoriye ayırdım bu sayede doğrudan ilgilendiğiniz kategorideki örnekleri inceleyebileceksiniz. Eminim listede bu alanda herhangi bir gereksinimi olan herkesin işine yarayacak bir çözüm mutlaka vardır.AJAX, JavaScript (jQuery, mooTools), Lightbox Tabanlı Galeriler
1. Jon Design’s SmoothGallerymooTools 1.11 kütüphanesini kullanan bu JavaScript galerisi ve slayt gösterisi sistemi, geçiş efekti içeren yumuşak görünümlü görsel galerileri, slayt gösterileri, vitrinler ve diğer güzel görünümlü içerikleri web siteniz üzerinde kullanabilmenizi sağlıyor. Site üzeride aynı kodu kullanan 7 farklı galeri örneği bulacaksınız. Dilediğiniz örneği indirebilir ve bilgisayarınız üzerinde test edebilirsiniz.Diğer sistemlerin aksine JonDesign’ın SmoothGallery betiği en başından itibaren web standartları ile uyumlu olacak şekilde kodlanmış durumda. Galeriyi dilediğiniz belge üzerinden besleyebilir, özel CSS seçicilerini kullanabilirsiniz. Daha da iyisi bu gelişmiş betiğin kullandığı kod sadece 24KB.

2. MiniShowcase GalleryMiniShowcase küçük ve sade bir PHP/JavaScript tabanlı çevrimiçi fotoğraf galerisi olup, AJAX desteği sayesinde herhangi karmış bir veritabanı ya da kod kullanmadan görsellerinizi çevrimiçi ortamda paylaşabilmenizi sağlıyor. Bu betik aracılığı ile sadece birkaç dakika içerisinde çalışır bir galeriniz olacaktır.

3. jQuery SlideViewerSlideViewer’ın dosya boyutu sadece 1.5KB. Bir jQuery eklentisi olan bu uygulama sadece birkaç satır HTML kodu yazarak görsel galerileri oluşturabilminizi sağlıyor. SlideViewer listenizde kullandığınız görselleri otomatik olarak sayıyor ve kullanılabilecek bağlantıları otomatik olarak oluşturuyor. Ayrıca her bir görsel üzerine tıklandığında otomatik olarak bir sonraki görsele geçiş yapılıyor. Sade ve kullanışlı.

4. DevKick GalleriaGalleria bir JavaScript görsel galerisi olup jQuery kullanmaktadır. Görselleri sırasız liste üzerinden yüklüyor ve yüklenen her bir görselin önizleme resmini görüntülüyor. Eğer dilerseniz görsellerin önizleme resimlerini otomatik olarak oluşturabilen bu betik, önizleme resimlerinin oluşturulmasında da orantılı/orantısız, ortalanmış ya da kırpılmış gibi seçenekleri de size sunuyor ve ilgili önizleme resmini CSS ile tanımlanmış sabit önizleme kutusunun içerisine yerleştiriyor.

5. ZenPhotoZenPhoto çevrimiçi galeri ihtiyacında olan kullanıcıların pek çok sorununu giderebilecek kapasitede bir betik. Karmaşık olmaktan ziyade sadece görselleri görüntülemeye odaklanan bu betiğin geliştiricileri, bir çevrimiçi galeriden beklenen herşeyi yapabildiklerini ancak bunu oldukça sade bir arabirim üzerinden görüntüleyebildiklerine dikkat çekiyorlar. Galerinin özellik listesi bir hayli uzun. Sitelerinden kontrol etmeyi ihmal etmeyin.

6. Lightbox 2Lightbox sade ve rahatsız etmeyen bir betik olup görselleri sayfanın üzerinde ön plana çıkararak gösterebilen bir betik. Kurulumu oldukça basit ve tüm modern tarayıcılar üzerinde çalışıyor.

7. Visual LightboxVisualLightbox ücretsiz bir sihirbaz program olup web fotoğraf galerilerini, tek bir satır kod yazmadan oluşturabilmenizi sağlıyor. Program, popüler Lightbox 2 betiğini kullanıyor.

8. Photo Gallery with mooToolsTümüyle detaylandırılmış ders niteliğinde açıklamasının yanısıra pek çok görseli görüntüleyebilecek muhteşem bir fotoğraf galerisi.

9. Grey BoxGreyBox, web siteleri, görseller ve diğer içeriği güzel bir şekilde görüntüleyebilmenizi sağlayan bir betik. Kullanımı oldukça kolay olan bu betik ile tam ekran web siteleri, görsel galerileri kullanabilirsiniz. Betik, pop-up engelleyicileri tarafından etkilenmiyor ve sadece 22KB dosya boyutuna sahip.

10. TripTrackerTripTracker slayt gösterisi küçük boyutlu bir JavaScript görsel görüntüleyicisi olup animasyonlu slayt gösterisi özelliğine sahip.

11. qGalleryqGallery kullanması kolay, prototype tabanlı bir galeri betiği. Tüm görsel işleme süreci betik tarafından gerçekleştirildiği için sunucunuza gönderdiğiniz görseller için endişelenmenize gerek yok. Tüm görseller sunucunun geçici depolama alanında depolandığı için sunucuya da fazladan bir yük bindirmiyor.

12. jFlow GalleryjFlow eklentisini kullanarak kendi galerinizi nasıl oluşturabileceğinizi gösteren bir rehber ve açıklama.

13. noobSlideGörsellerinizi mooTools kullanarak 8 farklı şekilde görüntüleyebileceğiniz bir betik. Ne yazık ki betik hakkında herhangi bir belgeleme bulunmuyor ancak kaynak kodunu incelediğinizde kullanımının ne kadar kolay olduğunu göreceksiniz.

14. Spacegallery jQuery EklentisiGörsellerinizi görüntüleyebilmenin bir diğer yolu.

15. jQuery Cycle PluginjQuery Cycle eklentisi küçük boyutlu bir slayt gösterisi eklentisi. Fare imlecinin görsel üzerine getirildiğinde animasyonun duraklatılması, otomatik durdurma, otomatik sığdırma, önceki/sonraki bağlantları, tıklama önleyicileri ve pek çok geçiş efekti için destek içeriyor. Eklenti ayrıca Metadata ve Easing eklentilerini de destekliyor ancak bu eklentileri kullanmak zorunda değilsiniz.

16. Slider GalleryBu ‘ürün kaydırıcısı’ sade bir galeriye benziyor ancak onun yerine öğreler arasında gezinmek için kaydırıcıyı kullanıyor. jQuery eklentilerini kullanan sade bir uygulama.

17. PrettyPhotojQuery Lightbox kopyası olan bu uygulama orjinal Lightbox uygulamasına benziyor ancak ona birkaç yeni özellik ekliyor ve tam belgelenmiş kod gibi avantajlar içeriyor.

18. Pretty GalleryFotoğraflarınızı jQuery kullanarak gösterebilmenin bir diğer yolu.

19. FrogJSFrogJS sade, rahatsız etmeyen bir javaScript galerisi. Lightbox JS gibi örneklerin yerine kullanabileceğiniz bir uygulama olmasa da galerileri görüntülemek için bir başka yöntemi kullanıyor. Özellikle her bir görsel için bir sayfanın kullanıldığı galeriler ve fotoromanlar için ideal.

20. GallerifficHızlı işleyen fotoğraf galerilerini işlemek için kullanılabilecek bir jQuery eklentisi. Galleriffic Mike Alsup’un Cycle eklentisinden esinlenmiş ancak daima yüksek performansı göz önünde bulundurarak özellikle çok sayıda fotoğrafın sorunsuz bir şekilde görüntülenebilmesi için optimize edilmiş.

21. Pirobox jQuery EklentisiÖzellikle son birkaç aydır görsellerin web siteleri üzerinde görüntülenmesi için kullanılan Lightbox betikleri çok popüler hale geldiler. Piyasada bu tip betiklerden onlarcası mevcut ve bunlar farklı çatıları ya da kodlama dillerini kullanıyorlar. DesignShack bu listeye bir yenisini ekliyor. Bu betiğin tasarımı ve geliştirilmesi Diegro Valobra tarafından yapılmış.

22. Slideshow 2Slideshow 2, mooTools 1.2 için bir JavaScript sınıfı olup web sitenizdeki görsellerin sunumunu hareketli hale getiriyor. Yukarıdaki bağlantı üzerinde ilgili eklentinin farklı kullanım şekilleri örneklendirilmiş. Eklentinin kullanım bilgisi için sayfanın kaynak kodunu incelemeniz yeterli.

23. jQuery Flickr GalerisiFlickrGallery bir jQuery eklentisi olup Flickr fotoğraflarınızın web sitenize dahil edilebilmesini sağlıyor. Eklenti bir galeriyi Flickr’ın kolleksiyonlarına benzer albümler olarak nitelendiriyor. Albümler ise fotoğraf setlerini içeriyor.

24. Otomatik Oluşturan GaleriBu galeri sizin belirleyeceğiniz bir klasör içerisindeki görselleri otomatik olarak tarayıp galeri oluşturuyor. Galerinize yeni resimler eklemek ya da resimleri çıkarmak için tek yapmanız gereken sunucudan görsellerin bulunduğu klasöre müdahale etmek. Bu güzel özellik PHP kullanılarak mümkün hale getirilmiş.

25. Photo SliderBaşlat/Duraklat düğmelerini içeren ve jQuery kullanarak nasıl bir fotoğraf slayt gösterisi oluşturabileceğinizi anlatan bir rehber.

26. JavaScript Tiny SlideshowBu dinamik JavaScript slayt gösterisinin dosya boyutu sadece 5KB.

27. S3Slider jQuery EklentisiÜç farklı özelliğe ve slayt gösterim yöntemine sahip bir jQquery slayt gösterisi eklentisi. Kod iyi bir şekilde kullanmış ve ileri seviyede özelleştirilebilir. Bu örneği ben bugüne kadar geliştirdiğim bazı projelerde kullandım ve şimdiye kadar bir sorun yaşamadım. Denemenizi öneririm.

28. AJAX Photo GalleryAgileGallery’nin AJAX sürümü ücretsiz bir AJAX Fotoğraf Galerisi olup Google’nin ücretsiz Picasa uygulaması üzerinden alacağınız XML dosyasından aldığı tüm bilgileri web tabanlı bir galeri haline getiriyor. Uygulama tamamen AJAX tabanlı olduğundan resimler arasında gezinirken sayfanın yeniden yüklenmesine gerek kalmıyor.

29. Suckerfish HoverLightbox ReduxKullanışlı bir JavaScript / CSS tabanlı görsel galerisi olup Lightbox’un bir başka sürümünü içeriyor.

30. PhatFusion SlideshowÇeşitli geçiş, döndürme, kaydırma efektleri içeren etkileşimli bir JavaScript mooTools galerisi.

31. HighSlide JSHighslide JS açık kaynaklık bir JavaScript yazılımı olup Web 2.0 yaklaşımını pop-up pencerelere uygulayabiliyor. Önizleme görsellerini ve HTML açılır pencerelerini web sayfaları üzerinde kullanabilmenizi sağlıyor.

32. SlideFlow AJAX Image GalleryGörsellerinizi web siteniz üzerinde kullanışlı bir şekilde gösterebilmek için, tam ekran desteği de bulunan bu slayt gösterisini kullanabilirsiniz. Fotoğraflar ve başlıklar XML dosyası üzerinden okunurken önizleme resimleri pakete dahil edilmiş olan Photoshop eylemleri kullanılarak önceden oluşturulabilir.

33. Barack SlideShowKullanışlı ve küçük dosya boyutuna sahip bir slaytgösterisi JavaScript betiği.

34. JQZoom EvolutionJQZoom, JavaScript ile hazırlanmış bir görsel büyüteci olup popüler JavaScript çatısı jQuery üzerinde geliştirilmiştir. JQZoom, özellikle web sitelerinin dilediğiniz bir bölümünü büyüterek göstermek isteyen kullanıcılar için ideal.

35. jQuery Multimedia PortfoliojQuery için geliştirilen bu eklenti medya dosyalarının uzantısını otomatik olarak algılıyor ve ona uygun yürütücüyü yüklüyor.

36. jQuery Küresel Panaroma GörüntüleyicisiKüresel panaromalar görüntülemek için kullanılabilecek bir JavaScript görüntüleyicisi. Java ve QuickTime teknolojilerine bir alternatif.37. jQuery Sanal GezintiBasi panaroma görüntüleyicisi için bir eklenti olan bu kod sayesinde jQuery desteği sayesinde panaromik görüntülerinizi sanal gezinti uygulamalarına dönüştürebilirsiniz.

38. mooSlideBoxmooSlideBox küçük ve zarif, AJAX tabanlı bir uzantı olup günümüzün tüm popüler web uygulamalarının neredeyse tamamında bulabileceğiniz “Lightbox”a bir alternatif teşkil ediyor. Bu Lightbox kopyası IE6/7, Opera ve Firefox üzerinde çalışıyor ve mooTools sürüm 1.11 kullanıyor.

39. jqGalScrolljQuery Gallery Scroller (jqGalScroll= bir dizi görseli alıyor ve dikey, yatay ya da diagonal olarak ilgili görseleri sırasıyla görüntülüyor. Eklenti ayrıca görsellerinizi sayfalara ayırarak ziyaretçilerinizin görseller arasında gezinebilmelerini de sağlıyor.

40. Featured Content SliderKendi başına çalışır “öne çıkarılan başlıklar” uygulaması oluşturabilmenizi sağlayacak bir rehber.

41. Easy Slider jQuery PluginEasy Slider görsellerin ya da diğer herhangi bir içerik türünün dikey ya da yatay olarak kaydırılabilmesini sağlıyor. Uygulamanın ayarları tamamen CSS üzerinden yapılabildiğinden sizin tek yapmanız gereken eklenti dosyasını sitenize dahil etmek, içeriği eklemek ve ardından CSS kullanarak uygulamayı stillemek.

42. Dynamic Image Gallery SlideshowBu son derece hafif olan JavaScript görsel galerisi ve slayt gösterisi betiğinin dosya boyutu sadece 3KB ve pek çok güzel özelliği içeriyor.

CSS Tabanlı Galeriler
43. Hoverbox Image GallerySadece 8KB dosya boyutuna sahip bu uygulamanın dosya boyutu sadece 8KB ve tümüyle CSS tabanlı.

44. Sliding Photograph GalleriesBu galeri bugüne kadar gördüğünüz en küçük dosya boyutuna sahip galerilerden biri. Normalde dikey olarak dizilen sırasız liste içeren bu galeri, kullanılan CSS yardımıyla 8:1 oranında daha az alan kaplayabiliyor. Herhangi bir önizleme resmine ihtiyacınız yok zira tüm resimler önceden yükleniyor. Kullanılan bu metod aşağıda gösterildiği gibi hem dikey, hem de yatay olarak kullanılabilir.

45. CSS Görsel GalerisiTümüyle CSS tabanlı olan bu galeri önizleme resimlerinin üzerine fare imleci getirildiğinde resmin orjinal boyutunu otomatik olarak gösterebiliyor. Tümüyle CSS kullanılarak geliştirilmiş olan bu galeri, IE6+, Firefox ve Opera 8 destekliyor.

46. Cross Browser CSS SlideshowSadece CSS kullanılarak geliştirilmiş bir diğer slayt gösterisi uygulaması.

47. Cross Browser Multi-Page Photograph GallerySuckerfish HoverLightbox baz alınarak geliştirilmiş olan bu uygulama çoklu sayfa anahat sistemine sahip ancak metin yerine görsel kullanıyor. Suckerfish HoverLightbox’un aksine bu uygulama herhangi bir JavaScript kullanmamasına rağmen IE 5.5 ve üzeri tarayıcılarda sorunsuz çalışıyor.

48. CSS Decorative GalleryGüzel bir dekoratif CSS galerisi dersi. Bu ders sayesinde görsellerinizi ve fotoğraf galerilerinizi kaynak görselleri düzenlemeden nasıl daha güzel bir şekilde görüntüleyebileceğinizi öğrenebilirsiniz.

Flash Tabanlı Galeriler49. Flash Parallax GalleryParadox kaydırma günümüz 2B animasyonlarında ve oyunlarda çok sık bir şekilde kullanılmaktadır. Bu tip uygulamalarda arkaplan ve önplan görselleri farklı hızlarda kayarak uygulamaya derinlik katmaktadırlar. Bu derinlik, arkaplan görsellerinin önplan görsellerinden daha yavaş bir şekilde hareket etmesiyle sağlanıyor. Özellike portfolyonuzu yaratıcı ve özgün bir şekilde görüntüleyebilmek için kullanabileceğiniz harika bir rehber. Kesinlikle bir göz atılmalı!

50. Flash GalleryFlash Gallery ücretsiz bir uygulama olup web sitelerinize kolayca ve hızlıca slayt gösterileri ekleyebilmenizi sağlıyor. Uygulamayı kullanabilmek için herhangi bir programlama bilgisine ihtiyacınız olmayacak. Tek yapmanız gereken betiği sitenize yüklemek. Ardından betik isterseniz görsellerin yer aldığı bir klasör üzerinden ya da Flickr resim akışından resimleri alarak onları otomatik olarak bir slayt gösterisi haline dönüştürüyor.

51. SimpleViewerSimpleViewer ücretsiz, sade ve özelleştirilebilir bir Flash görsel görüntüleme uygulamasıdır.

52. 3B Eğri DuvarFlash tabanlı 3B eğriler oluşturabileceğiniz, Flashloaded sürümüne benzer bir uygulama ancak bu sürüm ücretsiz.

53. dfGallerydfGallery uygulaması görüp görebileceğiniz en başarılı galeri uygulamalarından biri.

54. Spiral Carrousel XML

55. Polaroid GalleryPolaroid Gallery ücretsiz ve açık kaynaklı bir Flash galeri uygulaması. Betik, görsel başlıklarını ve görsellerin kendisini dinamik olarak harici bir XML dosyasından ya da Flickr RSS beslemesi üzerinden alabiliyor. Ardından betik, aldığı veriyi işliyor ve etkileşimli bir flash galerisi oluşturuyor.

56. TiltViewerTiltViewer ücretsiz ve özelleştirilebilir 3B Flash görsel görüntüleme uygulamasıdır.

Diğer
57. DynamicDriveVe son olarak eğer yukarıdaki 56 galeri ihtiyacınıza cevap vermiyorsa ya da bu galeriler size yetmiyorsa, o zaman DynamicDrive.com web sitesi üzerinde bulunan diğer onlarca galeri uygulamasını deneyebilirsiniz.

Eğer kullandığınız ve yukarıda yer almayan bir galeri uygulaması biliyorsanız o zaman yorumlarınızda ilgili galeriye bir bağlantı vererek bu listenin gelişmesine katkıda bulunabilirsiniz.
*

Kaynak: 1stwebdesigner* Yazılarımı RSS Üzerinden Takip Edin* @pinkfloyd twitter* pinkfloyd köşesi