Lots d'images 2.5

Allez à Lots d'images par le menu Plugins. CTRLCTRL L

Si le menu Plugins est vide, ou ne contient pas le plugin :

  • Vérifiez que le plugin « imageBatch.rev » se trouve bien dans le dossier de plugins « htmlstyles_plugins »; sinon placez-le à l'intérieur.
  • Cliquez l'icone « plugin update » plugins en haut à droite de l'écran HTML Styles pour mettre à jour le menu en fonction des plugins installés.
htmlstyles.rev
htmlstyles_plugins
imageBatch.rev

bouton plugin Cliquez l'icone plugin version pour accéder à l'aide en ligne.

Boutons de commande
choix d'un lot d'imagesChoix du dossier contenant le lot d'images à traiter.
Vous pouvez raffraîchir la liste des images en cliquant ce bouton avec la touche ALTALT enfoncée.
pages html de destinationChoix du dossier contenant les pages dans lesquelles les images seront insérées. enregister la liste d'images du lotEnregistre le lot d'images (fichier à l'intérieur du répertoire contenant le lot, aucune image n'est mise à jour).
effacer toutEfface la liste. remise à jour des données du lotRéactualise les données du lot d'images lorsque par exemple, vous ajoutez ou supprimez une image du dossier. Mise à jour du titre de l'imagePermet d'ouvrir un champs contextuel de saisie du titre de l'image.
pour saisir un titre, cliquer la ligne concernée et saisir le titre dans le champs contextuel ouvert.
recopie des légendes IPTCRécupère en commentaire la légende IPTC des images si elle elle est alimentée. balises images de la sélectionPour la liste d'images sélectionnées, crée le codage HTML. balises images du lotPour tout le lot d'images, crée le codage HTML.
Ouvrir l'éditeur d'imagesOuvre l'image sélectionnée avec un éditeur d'images.

Le choix de l'éditeur se fait avec le même bouton en maintenant la touche ALTALT enfoncée.
update des images d'une pagePermet d'appliquer à une page la mise à jour des balises images tenant compte de nouveaux réglages : taille, légende.
Par mesure de sécurité, l'original est sauvegardé en copie sur le Bureau.
Options de mise en forme HTMLPermet d'importer/exporter un fichier de paramétrage contenant le codage HTML des balises images.
menu local dossiers de l'environnement de travailPermet d'ouvrir le répertoire contenant les images.

Le lot d'images

Le lot est décrit par un tableau à 3 colonnes contenant pour chaque image : son nom (de fichier), un commentaire que l'on peut ajouter manuellement et sa taille en pixels.

Le titre de ce tableau permet de trier les lignes par nom ou par commentaire en cliquant dans l'en-tête de colonne (matérialisé par une flêche blanche).

Options de génération des balises images HTML

Alignement horizontal et vertical Met ce qu'il faut pour placer l'image.

Maximum Permet de changer les dimensions d'affichage de l'image de plusieurs manières :

Codage spécifie une portion de code HTML utilisé pour générer le HTMl de chaque image. Ce menu peut-être paramétré avec des codages spécifiques.

Paramétrage de codages spécifiques

Le bouton Options de mise en forme HTML permet d'importer et d'exporter un fichier de paramétrage du codage HTML des balises images. Il ouvre le dialogue suivant :

éditeur de codage

Le fichier de paramétrage est un fichier texte tabulé.

Exemples :
alt et title<img src="$imgsrc" title="$label" alt="$label" $width_height border="0" $align>
alt seulement<img src="$imgsrc" alt="$label" $width_height border="0" $align>
thumb javascript<img src="$imgsrc" title="$label" alt="$label" onClick="javascript:chView(this.src,'$label')">$noalign
élément de table légendé<td class="gal2"><img src="$imgsrc" alt="$label" $width_height border="0"><br>$label</td>$noalign
éditeur de codage
Boutons de gestion de l"éditeur
enregister la liste d'images du lot Enregistre les codages spécifiques et met à jour le menu codage.ajouter un sélecteurAjoute un nouveau codage. supprimer sélecteurSupprime le codage courant.
dupliquer sélecteurClone le codage courant. déplacer les sélecteursLes doubles flêches permettent de déplacer le codage courant dans la liste. copie style sélecteurOuvre la fenêtre de modification du codage sélectionné.
copie dans le Presse-PapierCopie le texte. couperCoupe le texte. collerColle le texte.
couperApplique les modifications au codage sélectionné.

Utilisation

Nom des variables utilisées :
$imgsrcsource de l'image (../images/image001.png)
<img src="$imgsrc"
$labelCommentaire dans un title ou un alt
title="Commentaire" ou alt="Commentaire"
$alignalignement selon valeur du menu local alignement.
$noalignspécifie qu'aucun alignement n'est demandé pour ce codage.
aucun code n'est généré pour cette variable, mise à la fin du codage.
$heighthauteur calculée d'après l'échelle en pixels
$height → height="y".
$widthlargeur calculée d'après l'échelle en pixels
$width → width="x".
$width_heightlargeur et hauteur calculées d'après l'échelle en pixels
$width_height → width="x" height="y".
$imgNamenom (image001.png)
alt="$imgName"
$imgSizex,y
$imgSize → x,y (en points)