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

Subskrybuj nasz kanał aby być na bieżąco!

Nowy! Dołącz do nas, jak chcesz!


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

Ads

Ad: Bluehost hosting

Zobacz ten podgląd wideo, aby uzyskać lepsze wyobrażenie o tym, jak to działa

Każdy web developer ma do czynienia z galerii zdjęć. Wiąże się to szuka się kilka zdjęć, aby ich ścieżki i nazwy, a następnie umieścić je w standardowym formacie HTML, a także m.in. tytuły i tytuły obrazów. Proces ten może być bardzo uciążliwe.

GalleryGen dąży do zmniejszenia uciążliwości tego procesu. Generuje kod HTML galerie zdjęć, które zawierają lightbox galerie zdjęć i pokazów slajdów. Zamiast korzystać z PHP do zlokalizowania obrazów wykorzystuje HTML5 i JavaScript.

Główne cechy to:

  1. Wybierz obrazy albo z okna dialogowego Plik lub przeciągnij i upuść. Wybór wielu obrazów jest w obu przypadkach.
  2. Sortować wybrane zdjęcia, przeciągając je wokół.
  3. Usunąć dowolny wybrany obraz z listy.
  4. Podgląd ulubionych wybranych obrazów.
  5. Dwie opcje - galeria Lightbox i slajdów.
  6. Wprowadź tytuł dla znaczników atrybuty kotwicznych i atrybuty alt i title dla obrazów.
  7. Do slajdów - Opcje, aby przed wejściem otoki do wyboru dla pokazu slajdów, owijarki do każdego obrazu, a niestandardowy kod HTML / po każdym zdjęciu.
  8. Generator generuje poprawny kod HTML.
  9. Wybierz wygenerowany kod klikając na przycisk "Wybierz kod" co sprawia, że ​​łatwo skopiować cały kod wygenerowany. Wygenerowany kod jest również edytować za pomocą "contentEditable" atrybut.

Aby dowiedzieć się o dostępnych opcji wyjścia Kod spojrzeć na screeny. Ponieważ nie PHP jest używany, to można uruchomić generatora lokalnego.

UWAGA: Generator ten wykorzystuje najnowsze technologie HTML5, a więc będzie działał prawidłowo w nowoczesnych przeglądarkach, które obsługują te technologie. W tej chwili są to Firefox 3.6+, chrom 7.0+ i Opera 11.10+. Chrome ma pewne ograniczenia, gdy generator jest uruchamiany lokalnie i nie wyświetla żadnych obrazów, choć nadal generuje poprawny kod. Jeśli generator jest uruchamiany z serwera to działa dobrze w Chrome. Nie ma takiego powikłania w Firefoksie i generator działa dobrze tam nie ważne, z którego go uruchomić. W operze nie ma wsparcia dla HTML5 Drag and Drop jeszcze. Więc nie będzie w stanie przeciągnąć zdjęcia do generatora, ale tylko wybrać je z okna dialogowego pliku.

Zaktualizowane w dniu 26 lipca, 2011 - wersja 1.1

  • Dodaje się kod "" Wybierz przycisk, który po kliknięciu zaznacza cały wygenerowany kod w ten sposób, co ułatwia użytkownikowi szybko skopiować wygenerowany kod.
  • Obszar dla wygenerowanego kodu w oknie nakładki modalnej jest edytowalne za pomocą "contentEditable" atrybut.
  • Naprawiono błąd w podglądzie Lightbox wybranych obrazów gdzie Lightboxy czasami otwarcia z niewłaściwych rozmiarach.
  • Inne przedmioty od CosmoCoder

    Pokaż zdjęcia, audio, wideo OVA leżą dwa tryby wyświetlania Filtrowanie FunctionaUty Wiele Galeria Zestawy Wsparcie Wsparcie płynu Responsive design Dwa Kolorystyka wiele ustawień

    Galeria do obrazów, audio, wideo Coverfiow miniatur filtr przedmioty tryby wyświetlania pliku typu niestandardowe kategorie płynu Responsive Pomoc Ekran dotykowy CCGaNer HTM5 projektu MULTIMEDIA GA1ERY olos fTOT V.deos

    Przejścia Przejścia reaguje NAWIGACJA UKŁAD TOUCH PER przejścia slajdów CUSTOM HTML tytuły treści HTML OPCJI


Pobierz
Inne akcesoria w tej kategoriiWszystkie składniki tego autora
KomentarzeNajczęściej zadawane pytania i odpowiedzi

Właściwości

Utworzono:
24 grudnia 10

Ostatnia aktualizacja:
26 lipca 11

Zgodne przeglądarki:
IE10, IE11, Firefox, Safari, Opera, Google Chrome, wersja oprogramowania

High Resolution:
Nie

Pliki wliczony:
JavaScript JS, HTML, CSS

Słowa kluczowe

eCommerce, wszystkie przedmioty, przeciągnij i upuść, galeria, generatory, HTML5, obrazy, javascript, galeria, galeria lightbox, pokaz slajdó, w