Effets sur les images

Remplacement d'une image par une autre au passage de la souris, ou rollover

((../up/galerieart/a-art0004_nb.jpg))°°onmouseover="this.src='../up/galerieart/a-art0004.jpg'" onmouseout="this.src='../up/galerieart/a-art0004_nb.jpg'"°°

Avec lien:

((../up/galerieart/a-art0004_nb.jpg))°°onmouseover="this.src='../up/galerieart/a-art0004.jpg'" onmouseout="this.src='../up/galerieart/a-art0004_nb.jpg'"°°|Accueil]

Image qui s'ouvre en pleine page au clic

Il suffit:

• devant l'image, mettre [
• derrière l'image, mettre |chemin de l'image]

Ainsi, pour l'image ((../img/wikilu.jpg))

on écrira [((../img/wikilu.jpg))|../img/wikilu.jpg]

ce qui donne (cliquez sur l'image):

Image qui grandit au passage de la souris

::::load ../js/resizeimage.js

((../up/galerieart/a-art0001.jpg))°°height="90" width="120" onmouseover="resizeImg(this, 500)" onmouseout="resizeImg(this)"°°

Pour en faire un lien vers l'image:

[((../up/galerieart/a-art0001.jpg))°°height="90" width="120" onmouseover="resizeImg(this, 500)" onmouseout="resizeImg(this)"°°|../up/galerieart/a-art0001.jpg]

Image qui occupe toute la largeur disponible

La taille de l'image s'adapte à la largeur disponible, pour s'en rendre compte il suffit de changer la largeur de la fenêtre.

Faire suivre l'image de la classe
Ainsi, pour l'image ((../up/galerieart/a-art0010image.jpg)),
écrire ((../up/galerieart/a-art0010image.jpg))°°100%°°, ce qui donne

Image à gauche ou à droite qui occupe un pourcentage de la largeur disponible

La taille de l'image s'adapte à la largeur disponible, pour s'en rendre compte il suffit de changer la largeur de la fenêtre.

Pour 50% par exemple, Faire suivre l'image de l'inline d'attribut
Ainsi, pour l'image ((../up/galerieart/a-art0007.jpg|G)),
écrire ((../up/galerieart/a-art0007.jpg||G))°°50%°°, ce qui donne