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 Slideshow Photo Gallery Grid

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

The Responsive Slideshow Photo Gallery mempunyai fleksibel susun atur cecair / / responsif. Pada asasnya grid ditambah ke dalam laman html ke dalam div chosing anda dan ia menyesuaikan diri berdasarkan lebar yang div, ketinggian grid yang diubah berdasarkan bilangan lakaran dan jika elemen-elemen lain adalah di bawah div grid yang mereka akan ditolak secara automatik (aliran dokumen). Dalam contoh yang diberikan anda boleh melihat beberapa cara di mana anda boleh menggunakan grid ini, sudah tentu bahawa konfigurasi lain yang mungkin (sila ambil perhatian bahawa kod contoh ini disediakan dalam fail muat turun).

OOP Pure JavaScript kod, tiada penggunaan jQuery atau perpustakaan lain, dengan cara ini tidak akan ada ketidakserasian dengan laman HTML yang mungkin menggunakan jQuery atau perpustakaan JavaScript lain.

The Responsive Slideshow Photo Gallery menggunakan GPU (perkakasan pecutan) menggunakan standard HTML5. Kelajuan persembahan dan prestasi yang cemerlang pada komputer desktop dan yang paling penting pada peranti mudah alih, cara ia berfungsi ia akan cuba menggunakan CSS3 dan jika ini tidak boleh didapati ia akan turun jatuh ke CSS2 atau CSS1 untuk pelayar lama seperti IE7 dan IE8.

Prestasi hebat pada peranti mudah alih, anda boleh lihat di video demo yang ia berjalan seperti aplikasi asli!, ia telah dikodkan dan dioptimumkan untuk peranti mudah alih dan ia adalah 100% mudah alih yang serasi dan sudah tentu ia akan berjalan seperti yang besar pada komputer desktop termasuk pada pelayar lama seperti IE7 dan IE8. Kami telah menguji pada IPAD3 (ios) dan pada SAMSUNG GALAXY S3 (android) dan ia berfungsi hebat pada kedua-dua peranti, di bawah adalah pautan untuk melihat demo ini.
Lihat demo berjalan pada Samsung Galaxy S3 (android) atau menonton demo berjalan pada IPAD (IOS).

GRID MAIN CIRI

Fleksibel susun atur / Fluid: anda boleh mengawal saiz grid dengan CSS atau JavaScript, pada dasarnya ia mempunyai susun atur menyesuaikan diri yang menjadikannya calon yang tepat untuk apa-apa jenis projek.

Tema warna keseluruhan boleh diubah suai.

Saiz disesuaikan imej kecil dan geometri: Fungsi ini membolehkan anda untuk menukar saiz imej kecil dan ruang di antara imej kecil.

Thumbnail disesuaikan sempadan dan latar belakang: setiap thumbnail boleh mempunyai sempadan dan latar belakang, warna latar belakang thumbnail, saiz sempadan dan warna sempadan adalah disesuaikan.

Thumbnail Huraian: setiap ibu jari boleh mempunyai penerangan ringkas dengan latar belakang telus di bawah dan keterangan ini dapat dilihat apabila tetikus adalah atas imej kecil, teks yang boleh diformat dengan CSS, warna latar belakang dan kesamaran juga boleh diubah suai (pilihan).

"Muatkan lagi imej kecil mempunyai": ini adalah ciri hebat yang meningkatkan prestasi keseluruhan dan kelajuan loading kerana dengan cara ini tidak semua imej kecil dimuatkan dan dipaparkan sekaligus. Sebagai contoh jika anda mempunyai sejumlah 120 imej kecil anda boleh menunjukkan mereka dalam set 50 imej kecil, dan sebagainya pada mulanya dalam grid set pertama 50 imej kecil dimuatkan dan dipaparkan dan apabila "beban lebih imej kecil" ditekan seterusnya set 50 imej kecil dimuatkan dan dipaparkan, dan akhirnya apabila "beban lebih imej kecil" ditekan sekali lagi 20 baki imej kecil menunjukkan. Bilangan imej kecil untuk memuatkan setiap set adalah disesuaikan, ia tidak perlu berada 50 ia boleh menjadi mana-mana nombor yang anda mempertimbangkan. Ciri ini adalah pilihan, jika ia telah disekat semua imej kecil dimuatkan dan dipaparkan.

Custom akhbar thumbnail tindakan: apabila thumbnail ditekan anda boleh memilih sama ada untuk memaparkan lightbox media asal yang kami telah dikodkan, atau untuk membuka laman web baru, url dan sasaran halaman web ini boleh dinyatakan. Lightbox boleh memaparkan imej-imej, atau boleh memaparkan video dimuatkan dari YouTube atau Vimeo.

Lightbox CIRI-CIRI UTAMA

Fleksibel susun atur / bendalir: lighbox akan sentiasa mengisi pelayar viewport yang ada.

Tema warna keseluruhan boleh diubah suai.

YouTube dan sokongan YouTube: semua yang anda perlu lakukan adalah untuk memasukkan link dari YouTube atau Vimeo video yang anda mahu untuk memaparkan dan lighbox akan memaparkan dan memainkan video anda. Saiz (lebar dan tinggi) setiap video boleh ditetapkan dengan mudah.

Zoom dan panning sokongan untuk imej: anda boleh mengezum masuk dan keluar imej dan anda boleh menyorot imej, dengan cara ini anda boleh melihat imej dengan terperinci (pilihan).

Butang Slideshow (pilihan).

Kelewatan tayangan slaid, kelewatan tayangan slaid boleh ditetapkan dalam saat.

Slideshow autoplay.

Tayangan slaid adat grafik animasi.

Sebelum dan butang navigasi (pilihan).

Maklumat butang dan maklumat tetingkap: setiap item lighbox boleh mempunyai penerangan, teks dan tingkap rupa boleh diformat dengan CSS (pilihan).

Sempadan disesuaikan dan latar belakang: saiz sempadan dan warna dan juga warna latar belakang utama adalah disesuaikan.

Sokongan papan kekunci: kiri dan anak panah kanan boleh digunakan untuk navigasi (pilihan).

TERKINI

19.02.2013 - Kami telah menambah ciri-ciri baru ke grid ini, pilihan untuk menambah ikon media melalui imej kecil apabila ia dipilih, kini anda boleh memilih antara imej kecil penerangan, ikon media atau "tiada" apabila gambar yang dipilih.

07.03.2013 - Tetap beberapa bug yang berkaitan dengan peti cahaya dan menambah sokongan yang lebih baik untuk pengesanan mudah alih.


Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

Dibuat:
15 Jan 13

Kemaskini:
8 Mac 13

Resolusi tinggi:
Ya

Pelayar Sesuai:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Fail Termasuk:
JavaScript JS, HTML, CSS

Kata kunci

eCommerce, eCommerce, Semua Produk, CSS3, dinamik, fleksibel, cecair, grid, HTML5, lightbox, media, responsif, YouTube, youtube