transition | bildirgec.org

Supersized, jQuery tabanlı olarak hazırlanan oldukça şık bir slayt uygulamasıdır. Yön tuşları, durdurma/başlatma tuşu, tam ekran özelliği, 5 farklı geçiş efekti, önceki ve sonraki fotoğrafları gösterme, görsel olarak tatmin edici tasarımı ile birçok projede kullanılabilir oldukça güzel bir jQuery eklentisi.

Tam ekran olarak kullanabileceğiniz Supersized'e yer alan 3 adet yön tuşu ile resimleriniz arasında kolaylıkla dolaşılmasını sağlayabilir veya sadece tam ekran olarak fotoğraflarınızın seçtiğiniz sıraya göre değiştirebilirsiniz. Tüm bunları yaparken 5 farklı geçiş efektini kullanabilirsiniz. Resimlerinize başlık ekleyebilir veya alttaki menüyü kaldırarak tamamen arka plan odaklı bir slayt uygulaması oluşturabilirsiniz. Alt menü bulunmadan transparan bir blok yaratarak içerik ekleyebilirsiniz.

eskiden dinamik web sayfaları derken bunun server-side kısmını ele alırdık. ajax ile birlikte artık sadece kod değil görüntüde oldukça dinamik, yerinde düzenleme ile yapılan değişiklikler, kendini yenileyen div-ler ve benzer uygulamalar. hem programcının işini basitleştirdi, hem de ziyaretçinin daha hoş görünen bir sitede gezmesine sebep oldu. başlıktanda anladığınız gibi işimizi kolaylaştıracak ajax kütüphanelerinden neredeyse en ünlüsü olan jquery ile yapılmış örnekleri sizle paylaşmak istedim. bu örnekleri kullanmasınız bile jquery dili ve kullanışlılığı açısından size bir fikir verecektir.

*geçiş efektleri

innerfade

(tasarımlar üzerine uygulandığında iyi çalışan standart bir geçiş efekti)

flip

(flash'a benzeyen ama saf jquery ile yapılan geçiş efekti)

jquery circulate

(dairesel hareket kullanan bir animasyon)

aşağıdaki adreste, bize her zaman lazım olacak jQuery uygulamaları ufak açıklamalar ve preview-demo şeklinde anlatılmış.
yetmemiş, yazar bir de internet üstünde çalışan ve her zaman işe yarayabilecek olan uygulamaları da listelemiş.

birkaç tanesi aşağıda:

slider gallery:
apple'ın web sitesindekine benzer, ürün kaydırma çubuğu, az ürününüz varsa ve internette bir mağazanız, bu sizin sitenizde çok şık durabilir.

slider gallery

demosu burada. script ana sayfası burada.