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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


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

Ads

Ad: Bluehost hosting

Voir cette vidéo preview pour avoir une meilleure idée de comment cela fonctionne:

Chaque développeur web doit faire face à des galeries d'images. Il s'agit de regarder un tas d'images, d'obtenir leur chemin et les noms, et puis les mettre dans une mise en page HTML standard, et comprennent également des légendes et des titres pour les images. Ce processus peut devenir très fastidieux.

GalleryGen vise à alléger le fardeau de ce processus. Il génère du code HTML pour des galeries d'images, qui comprennent ma galeries d'images et diaporamas. Au lieu d'utiliser PHP pour localiser les images qu'il utilise HTML5 et Javascript.

Les principales caractéristiques sont:

  1. Sélectionnez les images, soit à partir d'une fenêtre de dialogue de fichier ou faites-les glisser. La sélection multiple d'images est possible dans les deux cas.
  2. Trier les images sélectionnées par les faisant glisser.
  3. Supprimer une image sélectionnée dans la liste.
  4. Lightbox aperçu des images sélectionnées.
  5. Deux options de galerie - Lightbox et diaporama.
  6. Entrez des attributs de titre pour les balises d'ancrage et alt et title attributs pour les images.
  7. Pour Diaporama - Options d'entrer dans un emballage de votre choix pour le diaporama, emballages pour chaque image, et le code HTML personnalisé avant / après chaque image.
  8. Le générateur émet code HTML valide.
  9. Sélectionnez le code généré en cliquant sur le bouton «Choisir code" ce qui le rend facile à copier l'intégralité du code généré. Le code généré est également modifiable en utilisant l'attribut "contenteditable".

Pour connaître les options de sortie de code ont un regard sur les captures d'écran. Depuis pas de PHP est utilisé, ce générateur peut être exécuté localement.

NOTE: Ce générateur utilise les dernières technologies HTML5 et donc fonctionnera correctement dans les navigateurs modernes qui prennent en charge ces technologies. Pour le moment, il s'agit notamment de Firefox 3.6+, Chrome 7.0 + et Opera 11.10+. Chrome a certaines restrictions lorsque le générateur est géré localement et n'affiche pas d'images mais il affiche toujours le code correct. Si le générateur est exécuté à partir d'un serveur, il fonctionne très bien dans Chrome. Il n'y a pas de complication dans Firefox et le générateur fonctionne très bien là, peu importe d'où vous l'exécutez. Dans Opera n'y a pas de support de HTML5 Drag and drop encore. Donc, vous ne serez pas en mesure de faire glisser des images dans le générateur, mais seulement les sélectionner dans la fenêtre de dialogue de fichier.

Mise à jour le 26 Juillet, 2011 - version 1.1

  • Ajout d'un bouton «Choisir code", qui lorsqu'on clique dessus sélectionne l'ensemble du code généré ce qui rend facile pour l'utilisateur de copier rapidement le code généré.
  • La zone pour le code généré dans la zone de superposition modale est maintenant modifiable en utilisant l'attribut "contenteditable".
  • Correction d'un bug dans l'aperçu de la visionneuse des images sélectionnées où les Lightbox étaient parfois ouverture avec des tailles incorrectes.
  • Plus les articles de CosmoCoder

    Voir les Photos, audio, vidéo ovules se trouvent deux modes d'affichage Filtrage FunctionaUty jeux de Galerie appui multiple support fluide Responsive Design Deux Combinaisons de couleurs Paramètres multiples

    Galerie des Images, Audio, Vidéo Coverfiow vignette modes d'affichage filtrer les éléments Fichier Catégories Type de mesure fluidique répondant Touch Design Screen Support CCGaNer HTM5 MULTIMEDIA GA1ERY olos FTOT V.deos

    Transitions Les transitions SENSIBLE NAVIGATION DISPOSITION TOUCH PAR transitions entre les diapositives HTML personnalisé légendes de contenu HTML OPTIONS


Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Crée:
24 Décembre 10

Dernière mise à jour:
26 Juillet 11

Navigateurs compatibles:
IE10, IE11, Firefox, Safari, Opera, Chrome, la version du logiciel

haute résolution:
Non, fichiers inclus

Mots-clés

eCommerce, tous les objets, glisser-dé, poser, galerie, gé, né, rateur, html5, images, javascript, lightbox, galerie de la visionneuse, diaporama