Daftar 42 galeri gambar, slider, plugin, dan tutorial jQuery yang dibuat menggunakan jQuery
Dari sponsor bulanan kami: HelloSign API: Semua yang diinginkan dan disukai pengembang. Coba gratis hari ini.
Berikut daftar 42 galeri gambar, slider, plugin, dan tutorial jQuery yang dibuat menggunakan jQuery:
1. Galeri TN3
TN3 Gallery adalah galeri gambar yang dapat disesuaikan sepenuhnya berbasis HTML dengan tampilan slide, transisi dan beberapa opsi album. Kompatibel dengan semua browser desktop dan seluler modern. Didukung oleh jQuery.
2. Galeri AD
Saya terinspirasi oleh diri saya sendiri ketika saya menulis plugin Editable Select, jadi saya memutuskan untuk menulis yang lain. Ini adalah plugin galeri yang sedikit berbeda dari plugin seperti Thickbox dan Lightbox.
3. Plugin Siklus jQuery
Plugin jQuery Cycle adalah plugin tampilan slide yang ringan. Implementasinya didasarkan pada Plugin InnerFade oleh Torsten Baldes, Plugin Slideshow oleh Matt Oakes, dan Plugin jqShuffle oleh Benjamin Sterling. Ini mendukung pause-on-hover, berhenti otomatis, pas otomatis, sebelum / sesudah panggilan balik, pemicu klik dan banyak efek transisi. Ini juga mendukung, tetapi tidak memerlukan, Metadata Plugin dan Easing Plugin
4. Pikachoose
Pikachoose adalah plugin Jquery yang ringan yang memungkinkan penyajian foto yang mudah dengan opsi untuk tampilan slide, tombol navigasi, dan putar otomatis. Pikachoose dirancang agar mudah dipasang, mudah dipasang, dan ... semuanya mudah.
5. Galleria
Galleria adalah galeri gambar javascript yang ditulis dalam jQuery. Ini memuat gambar satu per satu dari daftar tidak terurut dan menampilkan thumbnail saat setiap gambar dimuat. Ini akan membuat thumbnail untuk Anda jika Anda memilihnya, diskalakan atau tidak skala, terpusat dan dipotong di dalam kotak thumbnail tetap yang ditentukan oleh CSS.
6. s3Slider
Plugin s3Slider jQuery dibuat dengan contoh skrip tayangan slide mulus jd. Saya membutuhkan sesuatu seperti itu untuk jQuery (untuk situs web saya kruskica.net). Karena saya tidak menemukannya setelah penelitian kecil saya memutuskan untuk membangunnya sendiri.
7. Popeye
Popeye menghasilkan galeri gambar inline dari daftar gambar tanpa urutan. Galeri ini menampilkan pembesaran gambar inline yang cerdas, yaitu gambar yang diperbesar membentang di atas konten situs tanpa menambahkan overlay visual dari seluruh situs. Itu tetap dengan satu sisi untuk koordinat aslinya, sehingga rasa kekompakan dibuat dalam antarmuka pengguna dan interaksi.
8. Slider Mudah
Easy Slider memungkinkan gambar atau konten apa pun untuk meluncur horizontal atau vertikal saat klik. Dapat dikonfigurasi dengan css saja. Jadi, pada dasarnya Anda menautkan ke file plugin, mengatur konten dan menatanya dengan css.
situs : kunjungi
demo : di sini
situs : kunjungi
demo : di sini
9. Plugin jQuery Galleriffic
Galleriffic terinspirasi oleh plugin Mike Alsup's Cycle, tetapi dengan kinerja dalam pikiran untuk memberikan volume foto yang tinggi. Ini adalah eksperimen pertama saya dengan jQuery, jadi saya ingin umpan balik tentang cara meningkatkan plugin ini. Saya tidak begitu hebat dalam mengeja, dan baru kemudian saya menyadari bahwa ejaan yang lebih tepat adalah Gallerific atau Gallerrific, tetapi sekarang sudah terlambat untuk mengganti nama, jadi Galleriffic tetap.
10. Buat Slider jQuery Indah
Tutorial ini menjelaskan cara mengembangkan tutorial Membuat slider jQuery Cantik dengan deskripsi dan nama gambar.
11. Galeri Flickr
flickrGallery adalah galeri foto sumber terbuka untuk jQuery yang memungkinkan Anda untuk menarik gambar secara dinamis dari set foto di Flickr.
12. slideViewer
slideViewer adalah plugin jQuery ringan (1.5Kb) yang memungkinkan untuk membuat galeri gambar secara instan dengan menulis hanya beberapa baris HTML seperti daftar gambar tanpa urutan
13. jFlow
Penggeser foto yang bagus dan mewah
14. CrossSlide
CrossSlide adalah plugin jQuery yang mengimplementasikan dalam Javascript beberapa animasi slide-show umum, secara
tradisional hanya tersedia untuk pengembang web melalui Adobe Flash atau plugins berpemilik lainnya. CrossSlide dibangun di atas fasilitas animasi jQuery, jadi ini bisa dibawa-bawa di browser seperti halnya jQuery itu sendiri (banyak.)
tradisional hanya tersedia untuk pengembang web melalui Adobe Flash atau plugins berpemilik lainnya. CrossSlide dibangun di atas fasilitas animasi jQuery, jadi ini bisa dibawa-bawa di browser seperti halnya jQuery itu sendiri (banyak.)
15. Aliran Gambar
Aliran gambar terinspirasi oleh aliran sampul Apple. JavaScript membuat efek aliran sampul tanpa cacat yang terlihat. Navigasi keyboard (tombol panah), gulir dan seret mouse didukung. Script yang sangat keren untuk digunakan.
situs : kunjungi
demo : di sini
situs : kunjungi
demo : di sini
16. Spacegallery
Lagi-lagi galeri gambar lain.
17. Buat Rotator Gambar dengan Deskripsi (CSS / jQuery)
Rotator gambar adalah salah satu cara terbaik untuk menampilkan karya portofolio, gambar produk eCommerce, atau bahkan sebagai galeri gambar. Meskipun sudah ada banyak plugin hebat, tutorial ini akan membantu Anda memahami cara kerja rotator gambar dan membantu Anda membuat sendiri dari awal.
situs : kunjungi
demo : di sini
situs : kunjungi
demo : di sini
18. Buat Tampilan Slide yang Mudah Diakses dan Menggunakan jQuery
Dalam tutorial pengembangan web yang mendalam ini, Anda akan belajar cara membuat widget tampilan slide yang dapat digunakan dan diakses web untuk situs Anda menggunakan HTML, CSS, dan JavaScript (jQuery). Dalam prosesnya, Anda akan melihat konsep Peningkatan Progresif dalam aksi.
19. Efek Gambar Hover Mewah dengan jQuery
Baru-baru ini saya memeriksa beberapa galeri flash yang bagus dan menemukan efek yang sangat saya sukai. Tiba-tiba saya memiliki keinginan untuk menduplikasi efek serupa tetapi menggunakan roti dan mentega (CSS dan jQuery). Saya pikir saya akan membagikan ini dan mungkin beberapa dari Anda dapat menemukannya berguna.
20. Galeri Gambar Geser
Gagasan di balik plug-in ini adalah untuk menampilkan sejumlah gambar dengan cara yang menarik dan mudah digunakan. Inspirasi untuk plug-in ini penampil album iTunes ini. Plug-in SlidingGallery akan mengambil sekelompok gambar dan mengubahnya menjadi galeri gambar yang dapat diklik pengguna.
21. Thickbox
ThickBox adalah widget dialog UI halaman web yang ditulis dalam JavaScript di atas perpustakaan jQuery. Fungsinya untuk menampilkan gambar tunggal, banyak gambar, konten inline, konten iframed, atau konten yang disajikan melalui AJAX dalam modal hybrid.
22. GalleryView jQuery Plugin
GalleryView adalah plugin konten-galeri yang mampu menampilkan konten HTML apa pun dalam tampilan galeri animasi. Kunjungi halaman beranda proyek untuk dokumentasi dan demonstrasi.
23. Pertunjukan Slide Gambar JQuery Sederhana dengan Teks Semi-Transparan
Saya akan menunjukkan kepada Anda cara membuat tampilan slide gambar sederhana dengan teks semi-transparan dengan jQuery. Contoh ini cocok untuk menampilkan berita utama, atau tayangan slide gambar di halaman depan situs web Anda.
24. Galeri Gambar Layar Penuh Menggunakan jQuery dan Flickr
Saya baru saja menyelesaikan sebuah proyek kecil yang telah saya kerjakan untuk sementara waktu di waktu luang saya. Ini adalah galeri gambar layar penuh yang secara otomatis skala gambar dengan rasio aspek disimpan untuk mengisi latar belakang browser. Saya juga membumbui dengan mesin pencari flickr, thumbnail, keterangan, preloader dan beberapa barang lainnya.
25. plugin lightBox jQuery
Plugin lightbox jQuery sederhana, elegan, tidak mencolok, tidak perlu markup tambahan dan digunakan untuk overlay gambar pada halaman saat ini melalui kekuatan dan fleksibilitas pemilih jQuery.
26. Galeri Gambar Kontrol Sederhana
Simple Controls Gallery memutar dan menampilkan gambar dengan memudarnya menjadi lebih dari yang sebelumnya, dengan kontrol navigasi yang muncul ketika mouse menggulir Galeri.
27. Gulir Div Halus
Smooth Div Scroll adalah plugin jQuery yang menggulirkan konten secara horizontal ke kiri atau kanan. Terlepas dari banyak plugin gulir lainnya yang telah ditulis untuk jQuery, Smooth Div Scroll tidak membatasi pengguliran ke langkah yang berbeda. Seperti yang diisyaratkan oleh nama plugin, pengguliran berjalan dengan lancar.
28. Super
Jadi, apa sebenarnya yang dilakukan Supersized?
Mengubah ukuran gambar untuk mengisi browser sambil mempertahankan rasio dimensi gambar;
Siklus Gambar / latar belakang melalui slideshow dengan transisi dan preloading;
Kontrol navigasi memungkinkan untuk jeda / putar dan maju / mundur;
Mengubah ukuran gambar untuk mengisi browser sambil mempertahankan rasio dimensi gambar;
Siklus Gambar / latar belakang melalui slideshow dengan transisi dan preloading;
Kontrol navigasi memungkinkan untuk jeda / putar dan maju / mundur;
29. Tampilan slide jQuery Sederhana
Demi mengikuti moto jQuery tentang "menulis lebih sedikit dan melakukan lebih banyak," mari kita tulis tayangan slide sederhana menggunakan jQuery, JavaScript dan sedikit CSS.
30. Innerfade
InnerFade adalah plugin kecil untuk jQuery-JavaScript-Library. Ini dirancang untuk memudar Anda elemen apa pun di dalam wadah masuk dan keluar.
Elemen-elemen ini bisa apa saja yang Anda inginkan, misalnya gambar, daftar-item, divs. Cukup buat rangkai salindia sendiri untuk portofolio atau iklan Anda. Buat newsticker atau lakukan animasi.
Elemen-elemen ini bisa apa saja yang Anda inginkan, misalnya gambar, daftar-item, divs. Cukup buat rangkai salindia sendiri untuk portofolio atau iklan Anda. Buat newsticker atau lakukan animasi.
31. EOGallery
EOGallery adalah pelayan galeri slideshow animasi web dengan jQuery. Ini hanya menggunakan fungsi jQuery dasar dan Thickbox Cody Lindley untuk menampilkan gambar yang lebih besar.
32. jCarousel Lite
jCarousel Lite adalah plugin jQuery yang membawa Anda dalam perjalanan korsel yang penuh dengan gambar dan konten HTML. Sederhananya, Anda dapat menavigasi gambar dan / atau HTML dalam widget gaya korsel. Bobotnya sangat ringan, dengan ukuran sekitar 2 KB, namun sangat fleksibel dan dapat disesuaikan untuk memenuhi sebagian besar kebutuhan kita.
33. jQuery Image Strip
ini memiliki banyak kegunaan nyata, tetapi cara saya suka menggunakan adalah untuk efek visual mewah.
34. Pratinjau gambar
Scriptnya sangat sederhana, itu menyakitkan! Yang terbaik adalah bahwa itu dapat diterapkan untuk berbagai keperluan.
35. Membangun Scroller Gambar jQuery
Dalam tutorial ini, kita akan membangun penggulung gambar, memanfaatkan fitur animasi jQuery yang sangat baik dan biasanya bersenang-senang dengan kode.
36. Buat Gambar Grid Resizable dengan jQuery
37. jQuery Thumbs
jThumb membungkus gambar secara dinamis dan / atau menghubungkan gambar dengan div. Anda dapat menambahkan mereka ukuran tertentu (lebar dan tinggi) di dalam file css. Dan secara opsional dapat memusatkan gambar di dalam bingkai.
jThumb dikembangkan menggunakan jQuery, Javascript obstrusive, dan CSS oleh Joan Piedra.
jThumb dikembangkan menggunakan jQuery, Javascript obstrusive, dan CSS oleh Joan Piedra.
38. jCrop
jCrop adalah cara cepat dan mudah untuk menambahkan fungsionalitas pemangkasan gambar ke aplikasi web Anda. Ini menggabungkan kemudahan penggunaan plugin jQuery khas dengan mesin pemangkasan DHTML lintas-platform yang kuat yang setia untuk aplikasi grafis desktop yang sudah dikenal.
39. PanView
Membuat tampilan pan, tahan tombol mouse Anda dan mulai bergerak.
40. ImageCube
Plugin jQuery yang menetapkan divisi untuk memutar antara gambar (atau hal-hal lain) seolah-olah mereka berada di wajah kubus.
41. jQZoom
JQZoom adalah pembesar gambar javascript yang dibangun di bagian atas kerangka kerja javascript jQuery yang populer.jQzoom adalah skrip yang hebat dan sangat mudah digunakan untuk memperbesar apa yang Anda inginkan.
42. Buat Sliding Image / Reveal Content
Seseorang bertanya kepada saya tentang efek ini beberapa waktu lalu dan saya pikir saya harus membuat tutorial tentang ini. Karena ini adalah pertama kalinya saya melakukan ini, saya berharap banyak kritik.
43. Membuat Slider Gambar
Pada dasarnya Anda akan membuat efek jquery. Ketika sebuah dudukan melayang di atas gambar atas, slide ke bawah untuk mengungkapkan gambar di bawahnya.
0 komentar:
Posting Komentar