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 sa WorldWideScripts.net

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


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

Ads

Ad: Bluehost hosting

Tingnan ang preview ng video upang makakuha ng isang mas mahusay na ideya kung paano ito gumagana

Nag-develop bawat web ay may upang harapin na may mga gallery ng larawan. Ito ay nagsasangkot naghahanap up ng isang bungkos ng mga larawan, kumuha ng kanilang path at pangalan, at pagkatapos ay ilagay ang mga ito sa isang karaniwang layout ng HTML, at isama rin ang mga caption at mga pamagat para sa mga larawan. Ang prosesong ito ay maaaring maging masyadong pagod.

Nilalayon ng GalleryGen upang mabawasan ang pasanin ng prosesong iyon. Ito ay bumubuo ng HTML code para sa mga gallery ng larawan, na kasama Lightbox mga gallery ng larawan at Mga Slideshow. Sa halip na gamit ang PHP upang mahanap ang mga larawang ito ay gumagamit ng HTML5 at javascript.

Pangunahing tampok ay:

  1. Pumili ng mga larawan mula sa alinman sa isang file dialog window o i-drag at i-drop ang mga ito. Maramihang seleksyon ng mga larawan ay posible sa parehong mga sitwasyon.
  2. -Uri-uriin ang mga napiling imahe sa pamamagitan ng pagkaladkad sa mga ito sa paligid.
  3. Tanggalin ang anumang napiling imahe mula sa listahan.
  4. Lightbox preview ng mga napiling imahe.
  5. Dalawang mga pagpipilian gallery - Lightbox at ang Slideshow.
  6. Ipasok ang mga katangian ng pamagat para sa anchor tag at alt at pamagat ng katangian para sa mga larawan.
  7. Para sa Slideshow - Pagpipilian upang magpasok ng wrapper ng iyong napili para sa slideshow, wrappers para sa bawat imahe, at mga pasadyang HTML code bago / pagkatapos ng bawat imahe.
  8. Generator ang output wastong HTML code.
  9. Piliin ang nabuong code sa pamamagitan ng pag-click sa button na "Pumili ng Code" kaya ginagawa itong madali upang kopyahin ang buong nabuong code. Ang nalikhang code ay mae-edit sa pamamagitan ng paggamit ng katangiang "contenteditable" din.

Upang malaman tungkol sa magagamit na mga pagpipilian code output magkaroon ng isang pagtingin sa mga screenshot. Dahil walang PHP ay ginagamit, ang generator ay maaaring tumakbo nang lokal.

TANDAAN: generator na ito ay gumagamit ng mga pinakabagong teknolohiya ng HTML5 at samakatuwid ay maayos na tumakbo sa modernong mga browser na sumusuporta sa mga teknolohiya. Sa sandaling ito ang mga isama Firefox 3.6+, 7.0+ Chrome at Opera 11.10+. Ay may ilang mga paghihigpit kapag ang generator ay tumakbo nang lokal at hindi nagpapakita ng anumang mga imahe bagaman output pa rin ito tamang code Chrome. Kung ang generator ay tatakbo mula sa isang server pagkatapos ito gumagana fine sa Chrome. Walang ganoong uri ng pagkamagulo sa Firefox at ang generator ay gumagana fine doon man mula sa kung saan mo patakbuhin ito. Sa Opera walang suporta para sa HTML5 I-drag at Drop pa. Kaya hindi mo magagawang i-drag ang mga imahe sa generator ngunit lamang piliin ang mga ito mula sa window ng dialog file.

Na-update noong Hulyo 26, 2011 - bersyon 1.1

  • Nagdagdag ng pindutang "Piliin Code", na kapag nag-click pipili na ang buong code na nabuo kaya ginagawa itong madali para sa gumagamit upang mabilis na kopyahin ang nabuong code.
  • Ang lugar para sa nalikhang code sa kahon modal overlay ay mae-edit sa pamamagitan ng paggamit ng katangiang "contenteditable" ngayon.
  • Nakapirming ng isang bug sa Lightbox preview ng mga napiling imahe kung saan ang Lightboxes ay minsan ng pagbubukas na may maling sukat.
  • Higit pang mga item ayon sa CosmoCoder

    Ipakita ang mga Larawan, Audio, Video ova hindi nagsasabi ng totoo Dalawang Display Mode ng Pag-filter FunctionaUty ng Maramihang Mga Gallery Sets Suportahan ang Suportahan ang tuluy-tuloy tumutugon Disenyo Dalawang Colour Scheme ng Maramihang Mga Setting

    Gallery ng Larawan, Audio, Video Coverfiow thumbnail display Mga Mode ng Filter Item file Custom Uri ng Kategorya likido sa Suporta ng Screen Disenyo Touch tumutugon CCGaNer HTM5 multimedia GA1ERY olos ftot V.deos

    Mga transition transition tumutugon layout Touch NAVIGATION BAWAT slide transition CUSTOM HTML mga pagpipilian sa caption NILALAMAN HTML


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
24 Disyembre 10

Huling Update:
26 Hulyo 11

katugmang Mga Browser:
IE10, IE11, Firefox, Safari, Opera, Chrome

Bersyon Software:
HTML5

High Resolution:
Hindi

File Kasamang:
JavaScript JS, HTML, CSS

Keyword

eCommerce, Lahat ng Mga Item, i-drag at i-drop, gallery, generator, HTML5, mga larawan, javascript, lightbox, lightbox gallery, slideshow