Web tasarımcılar arasında iyice yaygınlaşan ve artık neredeyse her web sitesinde görebildiğimiz Jquery eklentileri işlevleriyle ve hareketli yapılarıyla siteleri canlandırmaya devam ediyor.
10 yeni ve kullanışlı Jquery eklentisini bir araya getirdim. Kullanıma hazır yapısıyla hemen ücretsiz indirip sitenize ekleyebilirsiniz.
Aşağıda eklentilerden bazılarını görebilir, tamamını ise en altta bulunan kaynaktan ücretsiz indirebilirsiniz.
Jquery Animasyon Banner
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.
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.
Birçok özelliği bünyesinde barındıran web uygulamalarınızda/sitenizde veya blogunuzda kullanabileceğiniz 14 adet eğlenceli jquery slide ve galeri eklentisini görmek için;
Easy Slider 1.5
İndirme Adresi
Basic Demo | Styled Demo | Vertical Scroll Demo | Auto Scroll Demo | Multiple Slider Demo |#
Coda Slider
İndirme Adresi
Demo#
web sitelerinizde fotoğraf göstermeniz için tasarlanmış şık jquery galerileri sizler için derledim. hiç kuşkusuz ziyaretçileriniz bu galerileri gördükten sonra sayfanıza daha sık uğrama gereksinimi duyacaktır.
1. spacegallery – demo – download
2. prettyphoto – demo – download
6. pikachoose – demo – download
7. eogallery – demo – download
8. smooth div scroll – demo – download
10. sliding image gallery – demo – download
11. flickr gallery – demo– download
daha fazlasını isteyenler buraya buraya buraya bakabilirler.
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.
