Vignettes et images en javascript

A partir d'un dossier d'images .png ou .jpg, PortPholio génère le code pour les afficher sur une même page à l'aide de vignettes. Vous pouvez afficher jusqu'à 64 images (ce qui est beaucoup!). Si votre dossier comprend plus de 100 images, seules les 100 premières seront prises en compte.

En guise de publicité, je vous livre le mode d'emploi, ce sera autant de temps de gagné pour l'utiliser tout de suite!

Mode d'emploi

Installation

PortPholio se présente sous la forme d'un unique fichier exécutable pph.exe ou pphc.exe.
Au moment du téléchargement, votre navigateur vous avertira qu'un programme exécutable peut contenir des virus, ce qui est normal.
Bien sûr, il n'y en a pas dans PortPholio.
Au contraire, PortPholio est un logiciel propre:
- Il n'ajoute pas d'informations dans la base de registres de Windows.
- Il ne crée pas de programme additionnels (.Dll, Active-X, etc.).

Au téléchargement, enregistrez le fichier dans un dossier nommé,
par exemple : c:\portpholio\
ou mieux : c:\Program Files\portpholio\

Démarrage express

Maintenant, allez dans votre dossier d'images (e:/argus dans cet exemple) et faites un double clic dans le fichier IndexL.html.
Vous venez de faire votre premier tableau d'images, qui devrait ressembler à ceci:

Votre navigateur ne lit pas le code javascript
ou
votre navigateur lit le javascript mais cette fonction est désactivée.

Créé avec le logiciel portPholio

Images locales

Deux fichiers se sont créés dans votre dossier d'images:
TableauL.js est un fichier de code javascript pour construire le tableau d'images.
IndexL.html est une page web contenant le code précité.
Ce "L" final, pour "Local", signifie que ces fichiers font référence à des images situées dans un même dossier.
Nous dirons que les images sont locales, ou encore que la page est locale (par rapport aux images).
Vous pouvez transférer sur votre site le fichier .html avec les images, et votre page est prête à fonctionner.

Images distantes

Le tableau distant fera référence à des images qui ne sont pas dans le même dossier.
Cela est intéressant pour au moins deux raisons:
- La page d'index est indépendante des images puisqu'elle fait référence à des adresses absolues.
- Parfois, par exemple dans le cas d'une annonce sur un site d'enchères, nous devons insérer notre code dans une page prédéfinie.

Pour créer un tableau et un index distants, il vous suffit de coller dans la zone "Dossier distant" l'adresse (URL) où de trouvent les images sur votre site. Ces images doivent bien sûr être les mêmes que sur votre ordinateur (sinon, le lecteur verrait de jolies petites croix rouges!).

Et c'est tout... ou presque!

Avant d'appuyer sur le bouton "Créer", vous pouvez encore:
- Changer l'ordre des images avec les boutons "Monter" et "Descendre".
- Supprimer des images (de la liste, pas de votre disque dur!).
- Changer la couleur du fond, la bordure et les marges.
- Changer le nom des fichiers à créer.
- Choisir votre langue.
- Mémoriser les paramètres courants.

Ensuite, vous pouvez personnaliser vos pages de deux façons:
- Insérer dans vos pages Web le code Javascript généré par PortPholio.
- Utiliser les pages HTML générées par PortPholio et insérer votre code au-dessus ou en-dessous des images.

Vous noterez qu'il y a des petits messages d'aide (infobulles) qui apparaissent un peu partout sur l'écran au passage de la souris. Vous les connaîtrez vite par coeur, et pourrez alors les retirer.

Vous êtes fauché(e), vous n'avez pas 5 euros pour me payer à boire? Pas de souci, personne n'en saura rien et c'est moi qui arrose! Vous pouvez télécharger anonymement la version gratuite en cliquant sur le gugusse ci-dessous.	Vous êtes un richissime mécène prêt à donner 5 euros à l'artiste? Cliquez sur la gidouille de l'opulent personnage ci-dessous pour procéder à l'achat en ligne.

Charles CORBOU, Migennes, France