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 / Miscellaneous

GalleryGen - Image Gallery HTML Code Generator

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


GalleryGen -  Image Gallery HTML Code Generator - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Lihat video preview ini untuk mendapatkan ide yang lebih baik dari cara kerjanya

Setiap pengembang web harus berurusan dengan galeri foto. Ini melibatkan mencari sekelompok gambar, dapatkan path dan nama mereka, dan kemudian menempatkan mereka dalam tata letak HTML standar, dan juga mencakup keterangan dan judul untuk gambar. Proses ini dapat menjadi sangat membosankan.

GalleryGen bertujuan untuk meringankan beban dari proses itu. Ini menghasilkan kode HTML untuk galeri foto, yang mencakup galeri gambar Lightbox dan Slideshow. Alih-alih menggunakan PHP untuk mencari gambar menggunakan HTML5 dan javascript.

Fitur utama adalah:

  1. Pilih gambar baik dari jendela dialog file atau drag dan drop mereka. Temukan Beberapa gambar mungkin dalam kedua kasus.
  2. Urutkan gambar yang dipilih dengan menyeret mereka di sekitar.
  3. Menghapus gambar yang dipilih dari daftar.
  4. Pratinjau Lightbox dari gambar yang dipilih.
  5. Dua pilihan gallery - Lightbox dan Slideshow.
  6. Masukkan atribut judul untuk anchor tag dan alt dan judul atribut untuk gambar.
  7. Untuk Slideshow - Pilihan untuk memasukkan pembungkus pilihan Anda untuk slideshow, pembungkus untuk setiap gambar, dan kode HTML kustom sebelum / setelah masing-masing gambar.
  8. Generator output kode HTML yang valid.
  9. Pilih kode yang dihasilkan dengan mengklik "Pilih Kode" tombol sehingga mudah untuk menyalin seluruh kode yang dihasilkan. Kode yang dihasilkan juga dapat diedit dengan menggunakan "contenteditable" atribut.

Untuk mengetahui tentang tersedia pilihan output kode kita lihat screenshot. Karena tidak ada PHP digunakan, pembangkit ini dapat dijalankan secara lokal.

CATATAN: Generator ini menggunakan teknologi HTML5 terbaru dan karenanya akan berjalan dengan baik di browser modern yang mendukung teknologi ini. Pada saat ini termasuk Firefox 3.6+, Chrome 7.0 + dan Opera 11.10+. Chrome memiliki beberapa pembatasan ketika generator dijalankan secara lokal dan tidak menampilkan gambar apapun meskipun masih output kode yang benar. Jika generator dijalankan dari server maka hasil yang baik di Chrome. Tidak ada komplikasi seperti di Firefox dan generator bekerja dengan baik di sana tidak peduli dari mana Anda menjalankannya. Di Opera tidak ada dukungan untuk HTML5 Drag dan Drop belum. Jadi Anda tidak akan dapat menyeret gambar ke dalam generator tetapi hanya memilih mereka dari jendela dialog file.

Diperbaharui pada 26 Juli 2011 - versi 1.1

  • Ditambahkan "Pilih Kode" tombol, yang ketika diklik memilih seluruh kode yang dihasilkan sehingga membuatnya mudah bagi pengguna untuk dengan cepat menyalin kode yang dihasilkan.
  • Daerah untuk kode yang dihasilkan dalam kotak overlay modal sekarang dapat diedit dengan menggunakan "contenteditable" atribut.
  • Fixed bug di preview Lightbox dari gambar yang dipilih di mana Lightboxes kadang-kadang membuka dengan ukuran yang salah.
  • Produk lainnya CosmoCoder

    Tampilkan Foto, Audio, Video Ova berbohong Dua Tampilan Mode Filtering FunctionaUty Beberapa Gallery Set Dukungan Dukungan Responsif Desain Dua Skema Warna cairan Beberapa Settings

    Galeri untuk Gambar, Audio, Video Coverfiow Miniatur Mode display filter Items file type Kustom Kategori cairan Responsif Desain Touch Screen Dukungan CCGaNer HTM5 MULTIMEDIA GA1ERY Olos ftot V.deos

    TRANSISI Transisi RESPONSIF LAYOUT SENTUH NAVIGASI PER TRANSISI SLIDE CUSTOM HTML keterangan HTML CONTENT PILIHAN


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

Properties

Dibuat:
24 Desember 10

Update terakhir:
26 Juli 11

Penjelajah Kompatibel:
IE10, IE11, Firefox, Safari, Opera, Chrome, Software Version

Kata kunci

eCommerce, Semua Produk, drag dan drop, galeri, generator, HTML5, gambar, javascript, lightbox, galeri lightbox, slideshow