Guepi

20 juillet 2005

Un petit cours d'HTML ?

Bon bon ... je me replonge dans un petit fichier HTML qui contient du code sympa :
Un fichier qui change l'image centrale lors du survol d'une vignette.

l'exemple
Et voici les parties du fichier qui sont interessantes :
<body onLoad="MM_preloadImages('images/a.jpg; images/a-over.jpg; images/b.jpg; images/b-over.jpg')">
Ceci permet de pré-charger les images qui seront affichées.
<a href="#" alt="image A" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/a-over.jpg',1)"><img src="images/a-small.jpg"></a>
Le code du changement lors du survol.
<span id="photo"><img src="images/a.jpg" name="Image1" width="672" height="522" border="0"></span>
Le "conteneur" central et son image. C'est certainement là l'astuce ;-)

Les fonctions utilisées sont celles des sites créés avec Macromedia Dreamweaver :
function MM_preloadImages() {
(...)
}

function MM_swapImgRestore() {
(...)
}

function MM_findObj(n, d) {
(...)
}

function MM_swapImage() {
(...)
}

function MM_changeProp(objName,x,theProp,theValue) {
(...)
}

1 Commentaires:

  • Bon, si vous cherchez le code des fonctions, regardez dans la colonne de droite : il y a une zone de recherche Google.

    Il ne vous reste plus qu'à copier / coller le nom d'une fonction, pour la récupérer ensuite!

    ;-)

    Par Blogger Guepi, le 01:04  

Enregistrer un commentaire

<< Retour