WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Responsive Gridfolio

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ikuti Envato Ikuti FACEBOOK

Versi 1.2 Rilis Tanggal 2013/09/27

  • Bug tetap berhubungan dengan IE8.
  • Bug tetap berhubungan dengan update terbaru dari iOS dan Android.
  • Peningkatan kinerja ponsel.

Versi 1.1 Rilis Tanggal 2013/07/24

  • Dukungan untuk beberapa kategori, tentu saja masih dapat digunakan dengan satu kategori seperti sebelumnya.
  • Dukungan Lightbox iframe.
  • Deskripsi Lightbox AutoOpen (deskripsi item terbuka tanpa menekan tombol info).
  • Ditambahkan cara tambahan untuk menutup lightbox dengan menekan luar daerah item.
  • Ditambahkan dukungan untuk acara MSPointer untuk Windows8 mobile.
  • Ditambahkan enam kulit ekstra.

Fitur utama:

The Responsive Gridfolio memiliki cairan / fleksibel tata letak / responsif. Pada dasarnya grid ditambahkan ke dalam halaman html ke div dari chosing Anda dan itu Beradaptasi berdasarkan lebar yang div, ketinggian grid dimodifikasi berdasarkan thumbnail dan jika unsur-unsur lainnya berada di bawah div jaringan mereka akan ditekan secara otomatis (dokumen mengalir). Dalam contoh yang diberikan Anda dapat melihat beberapa cara di mana Anda dapat menggunakan jaringan ini, tentu saja konfigurasi lain yang mungkin (perlu diketahui bahwa kode contoh ini diberikan dalam file download).

Galeri dapat memiliki sejumlah gambar dan setiap gambar dapat dari berbagai ukuran, tapi sebanding dengan lebar dasar ibu jari dan tinggi. Ketika thumbnail ditekan Anda dapat memilih untuk menampilkan media lightbox asli yang telah kita kode, atau untuk membuka halaman web baru, url dan target halaman web ini dapat ditentukan. Lightbox dapat menampilkan gambar, atau bisa menampilkan video diambil dari YouTube atau Vimeo.

OOP murni kode JavaScript, tidak ada penggunaan jQuery atau perpustakaan lain, dengan cara ini tidak akan ada yang tidak kompatibel dengan halaman HTML yang mungkin menggunakan jQuery atau perpustakaan lainnya JavaScript.

The Responsive Gridfolio menggunakan GPU (akselerasi hardware) menggunakan standar HTML5. Kecepatan rendering dan kinerja sempurna pada komputer desktop dan yang paling penting pada perangkat mobile, cara kerjanya akan mencoba untuk menggunakan CSS3 dan jika ini tidak tersedia maka akan turun jatuh ke CSS2 atau CSS1 untuk browser lama seperti IE7 dan IE8.

Besar kinerja pada perangkat mobile, Anda dapat melihat di video demo yang berjalan seperti aplikasi asli!, itu kode dan dioptimalkan untuk perangkat mobile dan itu adalah 100% ponsel yang kompatibel dan tentu saja itu akan berjalan sama besar pada komputer desktop termasuk pada browser lama seperti IE7 dan IE8. Kami telah diuji pada iPad3 (ios) dan pada SAMSUNG GALAXY S3 (android) dan berjalan bagus pada kedua perangkat, di bawah ini adalah link untuk melihat demo ini. Lihat demo berjalan pada Samsung Galaxy S3 (android) atau Perhiasan demo berjalan pada iPad (iOS).

Grid fitur utama:

Responsif / Fleksibel / tata letak Fluid: Anda dapat mengontrol ukuran grid dengan CSS atau JavaScript, pada dasarnya memiliki tata letak beradaptasi yang membuatnya calon yang sempurna untuk semua jenis proyek.

Dukungan untuk sejumlah gambar dan setiap gambar dapat dari berbagai ukuran, tapi sebanding dengan lebar dasar ibu jari dan tinggi

Seluruh tema warna yang dapat diubah.

Thumbnail disesuaikan ukuran dan geometri: fitur ini memungkinkan Anda untuk mengubah ukuran thumbnail dan ruang antara thumbnail.

Disesuaikan thumbnail perbatasan dan latar belakang: setiap thumbnail dapat memiliki perbatasan dan latar belakang, latar belakang warna thumbnail, ukuran perbatasan dan warna perbatasan yang disesuaikan, juga warna thumbnail perbatasan dapat Tweened dari warna normal warna yang dipilih..

Thumbnail di ikon deskripsi atau thumbnail Media: setiap ibu dapat memiliki deskripsi singkat dengan latar belakang transparan di bawahnya atau ikon Media yang mewakili link, video atau gambar, ini terlihat ketika mouse di atas thumbnail, teks dapat diformat dengan CSS, warna latar belakang dan opacity juga dapat dimodifikasi (opsional).

"Muat yang lain thumbnail fitur": ini adalah fitur mengagumkan yang meningkatkan kinerja dan kecepatan loading karena cara ini tidak semua thumbnail dimuat dan ditampilkan sekaligus. Misalnya jika Anda memiliki total 120 thumbnail Anda dapat menunjukkan mereka dalam set 50 thumbnail, dan awalnya di grid set pertama 50 thumbnail dimuat dan ditampilkan, dan ketika "beban lebih thumbnail" ditekan berikutnya set 50 thumbnail dimuat dan ditampilkan, dan akhirnya ketika "beban lebih thumbnail" tombol ditekan lagi 20 thumbnail tersisa menunjukkan. Jumlah thumbnail untuk memuat per set disesuaikan, tidak harus 50 dapat menjadi nomor apapun yang Anda pertimbangkan. Fitur ini opsional, jika dinonaktifkan semua thumbnail dimuat dan ditampilkan.

Kustom aksi tekan thumbnail: ketika thumbnail ditekan Anda dapat memilih untuk menampilkan media lightbox asli yang telah kita kode, atau untuk membuka halaman web baru, url dan target halaman web ini dapat ditentukan. Lightbox dapat menampilkan gambar, atau bisa menampilkan video diambil dari YouTube atau Vimeo.

Lightbox fitur utama:

Responsif / Fleksibel / layout Cairan: lighbox akan selalu mengisi viewport browser yang tersedia.

Seluruh tema warna yang dapat diubah.

Vimeo dan dukungan YouTube: semua yang harus Anda lakukan adalah untuk menyertakan link dari YouTube atau Vimeo video yang ingin ditampilkan dan lighbox akan menampilkan dan memutar video Anda. Ukuran (lebar dan tinggi) dari setiap video dapat diatur dengan mudah.

Zoom dan dukungan mendulang gambar: Anda dapat memperbesar dan memperkecil gambar dan Anda dapat menggeser gambar, dengan cara ini Anda dapat melihat gambar secara detail (opsional).

Tombol Slideshow (opsional).

Delay Slideshow, keterlambatan slide dapat diatur dalam detik.

Autoplay Slideshow.

Slideshow grafis kustom animasi.

Berikutnya dan sebelumnya tombol navigasi (opsional).

Tombol dan info info window: setiap item lighbox dapat memiliki deskripsi, teks dan jendela tampilan dapat diformat dengan CSS (opsional).

Perbatasan disesuaikan dan latar belakang: ukuran perbatasan dan warna serta warna latar belakang utama disesuaikan.

Dukungan keyboard: kiri dan panah kanan dapat digunakan untuk navigasi (opsional).

UPDATES

2013/03/07 - Perbaikan Bug berhubungan dengan lightbox ketika diperbesar pada Chrome dan deteksi yang lebih baik untuk perangkat mobile.


Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

Dibuat:
18 Februari 13, Last Update

Kata kunci

eCommerce, Semua Produk, android, aplikasi, dinamis, fleksibel, fliudwidth, fullscreen, galeri, grid, gridfolio, iframe, ios, multimedia, responsif, thumbnail, youtube