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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


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

Ads

Ad: Bluehost hosting

Se den här videon förhandsvisning för att få en bättre uppfattning om hur det fungerar

Varje webbutvecklare har att hantera bildgallerier. Detta innebär tittar upp en massa bilder, få deras väg och namn, och sedan lägga dem i en vanlig HTML-layout, och även inkludera bildtexter och titlar för bilderna. Denna process kan bli ganska tråkiga.

GalleryGen syftar till att minska bördan av denna process. Det genererar HTML-kod för bildgallerier, som innehåller ljusbildgallerier och bildspel. Istället för att använda PHP för att lokalisera bilder den använder HTML5 och javascript.

Viktiga funktioner är:

  1. Välj bilder antingen från ett fönster dialog fil eller dra och släppa dem. Flera val av bilder är möjlig i båda fallen.
  2. Sortera valda bilder genom att dra dem runt.
  3. Radera alla markerade bilden i listan.
  4. Lightbox förhandsgranskning av valda bilder.
  5. Två galleri alternativ - Lightbox och bildspel.
  6. Ange titel attribut för ankartaggar och alt och titel attribut för bilder.
  7. För bildspel - Alternativ för att skriva in ett omslag som du väljer för bildspelet, omslag för varje bild, och anpassade HTML-kod före / efter varje bild.
  8. Generatorn matar giltig HTML-kod.
  9. Välj den genererade koden genom att klicka på knappen "Välj kod" vilket gör det enkelt att kopiera hela genererade koden. Den genererade koden är också redigeras genom att använda "contentedit" attribut.

För att veta om tillgängliga kod utskriftsalternativ titta på skärmdumpar. Eftersom ingen PHP används, kan denna generator köras lokalt.

OBS: Denna generator använder den senaste HTML5-teknik och därmed kommer att köras i moderna webbläsare som stöder dessa tekniker. Just nu dessa inkluderar Firefox 3.6+, Chrome 7.0+ och Opera 11.10+. Chrome har vissa begränsningar när generatorn drivs lokalt och inte visar några bilder även om det fortfarande matar ut rätt kod. Om generatorn körs från en server så det fungerar bra i Chrome. Det finns ingen sådan komplikation i Firefox och generatorn fungerar bra där oavsett från var du kör det. I Opera finns det inget stöd för HTML5 Dra och släpp än. Så du kommer inte att kunna dra bilder till generatorn utan bara välja dem i dialogrutan filfönster.

Uppdaterad den 26 juli 2011 - version 1.1

  • Lade till en "Välj Code"-knappen, och när du klickar markeras hela genererade koden vilket gör det enkelt för användaren att snabbt kopiera den genererade koden.
  • Området för den genererade koden i modal overlay rutan kan nu redigeras med hjälp av "contentedit" attribut.
  • Fixat en bugg i Lightbox förhandsgranskning av valda bilder där Lightbox ibland öppnar med felaktiga storlekar.
  • Mer Artiklar efter CosmoCoder

    Visa bilder, ljud, video ägg ligga Två visningslägen Filtrering FunctionaUty Multiple Galleri Ställer Support Support Fluid Responsive Design Två Färgscheman flera inställningar

    Galleri för bilder, ljud, video Coverfiow miniatyrvisning Lägen filtrera objekt filtyp Anpassade Kategorier Fluid Responsive Design pekskärm Support CCGaNer HTM5 MULTIMEDIA GA1ERY Olos ftot V.deos

    ÖVERGÅNGAR övergångar LYHÖRDA LAYOUT TOUCH NAVIGATION PER bildväxlingar CUSTOM HTML-innehåll HTML texter ALTERNATIV


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
24 December 10, Last Update

Kompatibla Webbläsare:
IE10, IE11, Firefox, Safari, Opera, Chrome, programvaruversion

Filer Ingår:
JavaScript JS, HTML, CSS

Nyckelord

e-handel, alla artiklar, dra och slä, pp, galleri, generator, HTML5, bilder, javascript, ljusbord, ljusbord galleri, bildspel