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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Sliders

Draggable Infinite Grid with Lightbox

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


Grid boleh diseret Infinite dengan Lightbox - WorldWideScripts.net Item for Sale

Ads

Ad: Bluehost hosting

TheGrid Photo Infinite dengan Lightboxmempunyai susun atur cecair / fleksibel / responsif. Pada asasnya grid dicampurkan ke dalam halaman HTML ke div pilihan anda dan ia menyesuaikan diri berdasarkan lebar yang div dan ketinggian. 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 contoh yang diberikan dalam memuat turun fail ).

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

TheGrid Photo Infinite dengan Lightboxmenggunakan GPU(pecutan perkakasan)menggunakanStandard HTML5Kelajuan rendering dan prestasi yang cemerlang pada komputer desktop dan yang paling penting pada peranti mudah alih . ia berfungsi dengan cara yang berikut : ia akan cuba menggunakan CSS3 dan jika ini tidak boleh didapati ke bawah akan jatuh ke CSS2 atau CSS1 untuk pelayar lebih tua sepertiIE7danIE8.

Pemasangan mudah dan dokumentasi penuh, Grid main dibina dari unsur-unsur <ul> yang menjadikan ia mudah untuk menubuhkan secara manual atau yang akan dijana daripada pangkalan data atau apa-apa jenis struktur data, grid ini boleh dipasang dan digunakan oleh pereka atau pemaju dengan mudah.

Prestasi yang 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 serasi mudah alih 100% dan sudah tentu ia akan berjalan seperti yang besar ke atas komputer meja termasuk pada pelayar lebih tua seperti IE7 dan IE8. Kami telah diuji pada IPAD3 dan pada SAMSUNG GALAXY S3 (Android ) dan ia berfungsi hebat pada kedua-dua peranti, di bawah adalah pautan untuk melihat demo ini.

Watch demo berjalan di Samsung Galaxy S3 ( android )atauWatch demo berjalan pada IPAD (IOS ).

GRID CIRI MAIN

Susun atur fleksibel / Bendalir: Anda boleh mengawal saiz grid dengan CSS atau JavaScript ; pada dasarnya ia mempunyai susun atur disesuaikan yang menjadikannya calon yang sesuai untuk mana-mana jenis projek.

Empat jenis paparan termasuk : lebar cecair, skrin penuh, fleksibel dan lightbox (lihat contoh !) .

Tema warna keseluruhan dan kulit boleh diubah suai.

Cara yang unik memaparkan imej anda!Pada asasnya grid boleh diseret selama-lamanya di mana-mana arah dan imej baru akan dipaparkan, terdapat satu algoritma matematik yang kompleks di belakang bonet grid ini yang membuat ini mungkin. Sokongan untuk sejumlah besar imej.

Customizable imej geometri dan warna tema : Fungsi ini membolehkan anda untuk menukar saiz imej dan warna latar belakang.Thumbnail lapisan teluskotak berwarna telus yang muncul lebih thumbnail apabila ia tidak dipilih, warna dan kelegapan kotak ini adalah disesuaikan (pilihan).

Thumbnail ikon kecilikon kecil yang muncul apabila gambar yang dipilih, ikon ini adalah satu daripada tiga jenis (video, pautan dan imej) (pilihan).

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

Navigation skrin bantuan animasi (pilihan).

Sokongan Mousewheel, arah tatal boleh ditetapkan untuk menegak atau melintang (pilihan).

Butang Fullscreen (pilihan).

Lightbox CIRI MAIN .

Susun atur fleksibel / Bendalirlighbox akan sentiasa mengisi pelayar didapati viewport .

Tema warna keseluruhan boleh diubah suai.

YouTube dan sokongan YouTube:semua yang anda perlu lakukan adalah untuk memasukkan pautan dari YouTube atau Vimeo video yang anda mahu untuk memaparkan dan lighbox akan memaparkan dan memainkan video anda. Saiz (lebar dan ketinggian ) setiap video boleh ditetapkan dengan mudah.Zoom dan panning sokongan untuk imejanda boleh mengezum masuk dan keluar imej dan anda boleh menyorot imej, dengan cara ini anda dapat melihat imej secara terperinci (pilihan).

Tayangan slaidbutang ( pilihan).

Slideshow kelewatan, kelewatan tayangan slaid boleh ditetapkan dalam saat.

Slideshow autoplay.

Slideshow grafik animasi adat.

Butang depan dan sebelumnya navigasi ( pilihan).

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

Sempadan disesuaikan dan latar belakangsaiz sempadan dan warna dan juga warna latar belakang utama adalah disesuaikan.

Sokongan Keyboardanak panah kiri dan kanan boleh digunakan untuk navigasi ( pilihan).

TERKINI

2013/03/27 - bug tetap berkaitan dengan Windows8 metro dan desktop.

2013/02/07 - Ditambah ciri yang membenarkan grid untuk diseret secara menegak, melintang atau kedua-duanya.

2013/06/03 - Tetap satu siri bug dan sokongan untuk roda tetikus, cara ini grid boleh menatal mendatar atau menegak menggunakan roda tetikus (pilihan) ditambah.


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

Properties

Dicipta:
5 Feb 13

Kemaskini:
28 13 Mac

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

Software Version:
HTML5

Resolusi Tinggi:
Ya

Files Termasuk:
JS JavaScript , HTML, CSS

Kata kunci