POPUP, LIEN, IMAGE PRE-CHARGEE 

Outils pour webmaster. Trucs et astuces en code HTML, JavaScript, PHP : améliorer son site internet

Descriptif : au survol de la pointe de la souris sur un lien, un popup s'ouvre. Il contient une image pré-chargé. Ceci a pour effet d' accélérer l'affichage.

Exemple : passez la pointe de la souris sur ce lien.

Mise en oeuvre : Sélectionnez et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code HTML visible.

Entre les deux balises <head> et </head>

<!-- DEBUT DU SCRIPT -->
<!--DEBUT CODE PRE-CHARGEMENT IMAGE-->
<script LANGUAGE="JavaScript">
i1 = new Image(100,87);
i1.src = "votre_image.jpg";
</script>
<!--FIN CODE PRE-CHARGEMENT IMAGE-->
<!--DEBUT CODE ROLL OVER IMAGE-->
<script language="javascript">
<!--
function Ouvrir(page) {
La_page=page;
}
function Fermer() {
La_page.close()
}
// -->
</script>
<!--FIN CODE CODE ROLL OVER IMAGE-->
<!-- FIN DU SCRIPT -->

Entre les deux balises <body> et </body>

<!-- DEBUT DU SCRIPT -->
<a href="index.htm"
onMouseOver="Ouvrir(window.open('votre_page.htm','p','width=92,height=105,menubar=no'))"
onMouseOut="Fermer()" href="votre_page.htm" style="cursor:help">
<!-- FIN DU SCRIPT -->

Remarque : Remplacez les valeurs Hauteur et Largeur dans la ligne i1 = new Image(236,180)
Remarquez style="cursor:help"qui vous permet de transformer le curseur.

Retour

Copyright www.toulouse-renaissance.net ©