Galeri Nova – Galeri Multimedia HTML5 Responsif

  • Whatsapp
Galeri Nova - Galeri Multimedia HTML5 Responsif

Source Code : Galeri Nova – Galeri Multimedia HTML5 Responsif

Bacaan Lainnya

Lihat pratinjau video HD

Plugin WordPress Tersedia Disini

Galeri Nova adalah HTML5 galeri multimedia memungkinkan Anda untuk menampilkan foto/audio/video dalam antarmuka yang indah dan ramping. Anda memiliki opsi untuk menampilkan item Anda dalam dua mode berbeda, yaitu: Kisi Gambar Mini dan Lebar penuh tampilan, dan Anda juga memiliki opsi untuk beralih di antara dua mode. Kamu bisa memiliki beberapa set/album barang dan kaleng Saring item galeri berdasarkan jenis file atau berdasarkan kategori khusus. Galeri memungkinkan Anda untuk menampilkan Youtube/Vimeo video dan Flickr/Picasa foto dari grup/set/album/koleksi. Galeri ini memiliki fitur desain responsif cairan dan dapat muat dalam berbagai ukuran layar mulai dari ponsel hingga browser desktop. Galeri juga memiliki fitur dukungan layar sentuh dan menggunakan akselerasi perangkat keras Animasi berbasis CSS sedapat mungkin yang menghasilkan animasi yang halus, yang terutama terlihat di perangkat seluler.

Coba demo galeri dan ubah ukuran browser Anda untuk melihat desain galeri yang responsif beraksi. Lihat juga demo di perangkat seluler Anda seperti iPad/iPhone atau perangkat Android.

Fitur utama adalah:

  • Tampilkan foto, audio, dan video
  • Semua data galeri dilewatkan dalam file XML sederhana.
  • Dua mode tampilan – Thumbnail Grid & Full-width. Anda juga dapat beralih di antara dua mode.
  • Mode Grid Thumbnail menampilkan tata letak Masonry dan Anda dapat mengontrol jarak antar item dengan menerapkan margin melalui css,
  • Mode Lebar Penuh memungkinkan Anda menampilkan foto/video yang direntangkan di seluruh wadah atau mengecilkan item sehingga dapat dilihat seluruhnya tanpa pemotongan.
  • Anda juga dapat memiliki tayangan slide item dalam mode Lebar penuh. Tampilan slide ini berhenti setiap kali tab browser tempat galeri ditampilkan, tidak fokus (fitur ini hanya berfungsi di browser yang mendukung Api Visibilitas Halaman HTML5 dan Anda memiliki opsi untuk menonaktifkan fitur ini).
  • Memutar audio dan video secara native di browser HTML5 modern dan beralih ke Flash/Silverlight untuk browser lama dengan menggunakan Mediaelement.js.
  • Filter item, menurut jenis file atau kategori khusus.
  • Mendukung beberapa set galeri atau album.
  • Opsi Layar Penuh HTML5 sejati di browser yang didukung.
  • Dapat menyematkan Video Youtube dan Vimeo.
  • Tampilkan foto dari Flickr dan Picasa. Beberapa opsi disediakan untuk menarik foto dari Flickr/Picasa bersama dengan opsi untuk menyimpan data API dalam cache. Tidak diperlukan file XML saat menampilkan foto dari Flickr/Picasa.
  • Galeri ini menampilkan desain responsif yang dapat menampung berbagai ukuran layar mulai dari ponsel hingga browser desktop dan juga dapat ditempatkan dalam wadah dengan lebar berapa pun.
  • Galeri ini ramah perangkat seluler dengan dukungan layar sentuh.
  • Animasi CSS yang dipercepat perangkat keras telah digunakan sedapat mungkin menghasilkan animasi yang halus, yang paling terlihat di perangkat seluler.
  • Pintasan keyboard yang praktis telah disediakan untuk navigasi galeri yang lebih mudah.
  • Item galeri juga dapat bertindak sebagai tautan ke halaman eksternal
  • Dua skema warna – Gelap & Terang.

Opsi yang dapat dikonfigurasi adalah:

  • Jika Anda menampilkan video Youtube/Vimeo maka Anda dapat memilih untuk menggunakan thumbnail yang disediakan oleh Youtube/Vimeo.
  • Anda dapat mengambil foto dari Flickr dengan mencari string teks atau tag. Anda bahkan dapat mengambil foto dari pengguna atau grup tertentu, atau satu set atau kumpulan set. Anda juga memiliki pilihan untuk memilih berapa banyak foto yang akan ditampilkan, bagaimana mereka akan dipesan dan juga ukuran gambar yang diambil dari Flickr.
  • Anda dapat mengambil foto dari Picasa dengan mencari string teks. Anda bahkan dapat mengambil foto dari pengguna atau album tertentu, atau koleksi album. Anda juga memiliki pilihan untuk memilih berapa banyak foto yang akan ditampilkan, bagaimana mereka akan dipesan dan juga ukuran gambar yang diambil dari Picasa.
  • Opsi untuk mengaktifkan caching data respons API Flickr/Picasa untuk mencegah melewati batas yang ditetapkan oleh layanan ini. Anda bahkan dapat mengatur berapa lama data akan di-cache.
  • Dapat menyebutkan gambar mini khusus untuk kumpulan galeri. Secara default thumbnail untuk item pertama di set digunakan untuk mewakili set.
  • Putar otomatis audio dan video saat Lightbox terbuka dalam mode Kotak Gambar Mini.
  • Putar file audio dan video dalam satu lingkaran.
  • Simpan tingkat volume saat pemutar ditutup, yang dipulihkan saat pemutar dibuka lagi.
  • Atur modenya, yaitu Thumbnail Grid atau Full-width, yang akan ditampilkan saat galeri pertama kali dimuat. Bisa juga bekerja dengan mode tunggal.
  • Opsi untuk menampilkan kategori item tertentu saat galeri pertama kali dimuat.
  • Kecilkan gambar dalam mode Lebar penuh agar sesuai dengan wadah saat galeri pertama kali dimuat.
  • Pilih untuk menampilkan gambar mini dalam mode Lebar penuh saat galeri pertama kali dimuat.
  • Pilih efek animasi untuk item dalam mode Kisi Gambar Mini saat pertama kali ditampilkan. Efek yang tersedia adalah luntur, meluncur, fadeSeq, slideSeq dan flipSeq.
  • Pilih efek animasi untuk menampilkan keterangan/deskripsi item dalam mode Kisi Gambar Mini. Efek yang tersedia adalah Balik dan luntur.
  • Pilih untuk membuat judul item dalam mode Kotak Gambar Mini selalu terlihat.
  • Pilih efek animasi untuk transisi antar item dalam mode Full-width. Efek yang tersedia adalah luntur, meluncur dan Balik.
  • Pilih untuk melanjutkan tayangan slide dalam mode Lebar Penuh bahkan saat halaman kehilangan fokus.
  • Pilih efek animasi untuk menampilkan/menyembunyikan layar Kumpulan Galeri (layar awal). Efek yang tersedia adalah skala, luntur dan meluncur.
  • Tampilkan galeri yang mencakup seluruh lebar browser atau lebar wadah induknya.
  • Item galeri juga dapat bertindak sebagai tautan ke halaman eksternal. Anda dapat memilih untuk membuka tautan di tab/jendela baru.
  • Anda memiliki opsi untuk mengacak atau memesan item galeri secara acak setiap kali halaman di-refresh.
  • Galeri mendukung preloading gambar dalam mode Full-width untuk tampilan yang lebih halus. Anda dapat memilih berapa banyak item sekaligus yang akan dimuat di latar belakang.
  • Anda dapat memulai tayangan slide dalam mode Lebar penuh saat galeri pertama kali dimuat.
  • Interval waktu untuk item tertentu yang terlihat selama tayangan slide dapat diatur.
  • Opsi untuk mengatur jalur untuk file XML konfigurasi galeri.
  • Opsi untuk mendeteksi perangkat seluler dan menyajikannya file XML terpisah.

Catatan khusus

  • Fallback berbasis jQuery yang sesuai telah disediakan untuk semua efek animasi berbasis CSS untuk browser lama.
  • Juga beberapa fitur HTML5 modern seperti Layar Penuh dan Visibilitas Halaman hanya akan berfungsi di browser modern.
  • Skrip galeri telah diuji dan sepenuhnya kompatibel dengan jQuery 1.9+. dan juga jquery 2.0+.

Ulasan

Ulasan Galeri Nova

Changelog

Versi 1.4.2 (3 Maret 2016)
• Fixed an issue where closing the overlay for audio/video made the gallery exit from fullscreen state.
Versi 1.4.1 (9 Juli 2015)
    • Fixed a bug with image resizing in Fullwidth mode.
Versi 1.4 (31 Juli 2014)
    • Added the option of choosing the number of albums to show in a Flickr/Picasa collection.
    • As per Flickr's new API requirements the gallery now uses "https" in all API request url's.
    • Fixed item display issues, including the issue of small images, inside the modal box in thumbnails grid mode for phone sized screens.
    • Fixed video player's fullscreen button issue in iPad.
    •  A few small styling tweaks to the gallery.
Versi 1.3 (15 Januari 2014)
    • Fixed a IE bug where the thumbnail links were not clickable. 
    • Fixed a small bug where the overlay button appeared over thumbnails with link enabled.
    • Fixed the max-height setting and the positioning of the Fullwidth mode caption overlay.
    • Added the option of making the item titles in Thumbnail Grid mode always visible.
    • Added the option of making the Fullwidth mode slideshow continue even when the page loses focus.
Versi 1.2 (15 Agustus 2013)
    • Fixed a bug in the thumbnail grid layout when margins were set on the items.
    • Fixed the resizing of images in the overlay when the browser was in landscape mode. 
    • Fixed a bug in iOS where after scrolling the clicks/taps on the thumbnails became unresponsive.
    • Improved the closing/opening of the gallery menu in touch-screen devices.
    • Fixed a bug where the inclusion of images in the item captions interfered with the thumbnail grid layout.
    • Modified the code to account for escaping of characters in the cached xml file (when pulling images from Flickr/Picasa) if magic quotes in the server were turned on.
Versi 1.1 (8 Juni 2013)
    • Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery.
    • The filter dropdown menu opens much quicker now in touch-screen devices and also closes when tapping elsewhere on the screen.
    • Updated the jquery masonry plugin so that it is compatible with jquery v1.9+. The gallery now is fully compatible with jquery 1.9+ including jquery 2.0.
    • Other small bug fixes.

Lebih Banyak Item dari CosmoCoder

CCGallery - Galeri Multimedia HTML5

CCSlider - Plugin Slideshow 3d jQuery

GalleryGen - Galeri Gambar Pembuat Kode HTML

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *