jquery gallery | bildirgec.org

Web sitenizde kolayca kullanabileceğiniz jQuery Panel Gallery, diğer uygulamaların aksine size 80'e yakın efekt sunuyor. Basit arayüz ile hazırlanmış olmasına rağmen heryerde kullanılabilecek küçük ama birçok işlem yapabileceğiniz bir eklenti.

Manşet, galeri, reklam uygulaması, slide ve buna benzer birçok amaçla kullanılabilecek jQuery Panel Gallery'i birçok uygulamanızda veya web sitenizin birçok sayfasında farklı efektler ile kullanabilirsiniz. Basit arayüzü ile tamamen özelleştirilebilir. Ayrıca kolay kullanım imkanını size sunar.

Nasıl kullanmanız gerektiğini, yapılabilecek ayarlara web sayfasından ulaşabilirsiniz. Ayrıca uygulama içerisinde yer alan tüm efektleri görebilme imkanınız da bulunmakta.

Web sitenizde içeriğe göre galeri kullanabilir ve farklı görselleri kullanıcılara sunabilirsiniz. Görsel galerinizi başkalarına sunarken yer sıkıntısı çekiyorsanız Micro Image Gallery tam size göre bir jQuery uygulaması. Hem kullanıcılarınızın beğeneceği hem de istediğiniz boyutlarda ve oldukça az yer kaplayan bu eklenti oldukça kullanışlı.

En önemli özelliği oldukça büyük bir yer tasarrufu sağlamak olan bu uygulama ile istediğiniz kadar imaj yayınlayabilirsiniz. Belirli ölçülerdeki boyutunu her zaman koruyan bu eklentide resimlerinizin tümünü sayfalayarak gösterebilir veya tek bir görünüm elde edebilirsiniz.

Web sitenizde içeriğinize göre galeri veya benzeri uygulamalar kullanabilirsiniz. Blog veya web sayfanızdaki galeride kendi çalışmalarınızı veya farklı fotoğraflar yayınlayabilirsiniz. Fotoğrafları yayınladığınız galeri uygulamasının birçok kullanışlı özelliği bulunması sizin için de kullanıcılar için de oldukça elverişlidir. FSGallery, jQuery kullanılarak interaktif olarak hazırlanmış eşsiz bir galeri uygulamasıdır.

FSGallery'nin en önemli özelliği diğer galerilerin aksine yayınladığınız fotoğrafları tüm ekranda yayınlamasıdır.Yeni fotoğraf tıkladığınızda eş zamanlı yükleme özelliği sayesinde yeni sayfa yüklenmeden fotoğrafı aynı sayfada gösterir.

fsgallery ile fotoğraflarınızın tümüne kısa notlar ekleyebilirsiniz. Sol üstte bulunan info (bilgi) butonu sayesinde ziyaretçileriniz fotoğraflar hakkında bilgi sahibi olabilirler. Ayrıca sağ üstte bulunan "Arama" (search) özelliği sayesinde galeride fotoğraflarda arama yapabilirler.fsgallery fotoğrafları tam ekrana yansıtırken altta ise diğer fotoğraflar için transparan bir alan bırakmıştır. Eklediğiniz tüm fotoğrafların küçük önizlemesi aşağıda yer alır ve bu fotoğrafların üzerine geldiğinizde tooltip özelliği sayesinde önizleme ekrana gelir.

jQuery günümüzde oldukça popüler ve genişlemiş bir kütüphane. css3 ise yeni bir dil olmasına rağmen oldukça kullanışlı ve görsel olarak muhteşem. Bu ikisi birleşince ortaya çok güzel çalışmalar çıkabiliyor. Fakat css3 çalışmaları tam olarak tamamlanmadığından tarayıcıların daha alt sürümlerinde çalışmayabilir. Aşağıdaki uygulamaları web sitenize ekleyebileceğiniz gibi uygulamalar ilham kaynağınız olup kendiniz farklı çalışmalar yapabilirsiniz;

Polaroid photo viewer with CSS3 and jQuery | demo

Polaroid photo viewer, css3 ve jQuery ile yapılmış farklı bir uygulamadır. Farklı birçok resmi ekranda yayar ve mouse ile taşınmasını sağlar.

Sweet AJAX Tabs With jQuery 1.4 | demo

Sweet AJAX Tabs, css3 ve jQuery ile hazırlanmış bir tab uygulamasıdır. Bu uygulama sayesinde web sayfanızda yeni sayfa yüklemesine gerek kalmadan diğer sayfalar arası geçişi sağlayabilirisiniz. Bu sayede ziyaretçileriz daha az bağlanma sorunu yaşamış olurlar.

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 SmoothGallery
mooTools 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.