Rollover ultra simple avec prechargement des images
0/5 (12 avis)
Vue 23 023 fois - Téléchargée 1 138 fois
Description
Il suffit d'inclure le script :
<script language="JavaScript" type="text/javascript" src="rollover.js"></script>
Puis d'inclure un parametre personnalisé aux images :
<img src="out.jpg" overSrc="over.jpg" clickSrc="click.jpg">
<script language="JavaScript" type="text/javascript" src="rollover.js"></script>
Puis d'inclure un parametre personnalisé aux images :
<img src="out.jpg" overSrc="over.jpg" clickSrc="click.jpg">
Source / Exemple :
<script language="JavaScript" type="text/javascript">
<!--
//Script de Gorrk.
function init_rollover()
{
if (document.getElementById)
{
var j = 0;
var k = 0;
var l = 0;
for (var i = 0; i < document.images.length; i++)
{
var image=document.images[i];
if (!image.getAttribute("overSrc","false") && !image.getAttribute("clickSrc","false"))
continue;
eval("outImage"+j+"=new Image();");
eval("outImage"+j+".src=image.src;");
if (image.getAttribute("overSrc","false"))
{
eval("overImage"+k+"=new Image();");
eval("overImage"+k+".src=image.getAttribute('overSrc',false);");
image.onmouseover=new Function("this.src=overImage"+k+".src");
k++;
}
if (image.getAttribute("clickSrc","false"))
{
eval("clickImage"+l+"=new Image();");
eval("clickImage"+l+".src=image.getAttribute('clickSrc',false);");
image.onmousedown = new Function("this.src=clickImage"+l+".src;");
image.onmouseup = new Function("this.src=outImage"+j+".src;");
l++;
}
image.onmouseout = new Function("this.src=outImage"+j+".src");
j++;
}
}
}
onload = init_rollover;
// Script de Gorrk.
-->
</script>
Codes Sources
A voir également
- Rollover ultra simple avec prechargement des images
- Fond d'écran simple - Forum Visual Basic
- Vbet rollover ✓ - Forum ASP / ASP.NET
- Probleme xscale et rollover ✓ - Forum Flash
- La fonction de groupe ne porte pas sur un groupe simple ✓ - Forum SQL
- [Débutant] RollOver Image / Resources ✓ - Forum C# / .NET
16 déc. 2004 à 21:33
Quelques explications :
- ce script n'est pas très compatible car il utilise les fonctions dom qui ne sont pas toujours implementés dans les navigateur.
- le prechargement des images est du au "new Image()" et au "image.src="
- ce qui fait que ce script est pratique c'est qu'il n'y a que des paremetres basic a mettre dans la balise des images : overSrc et clickSrc.
15 déc. 2004 à 14:48
Enfin moi je croyais qu'ici on postait des sources...
14 déc. 2004 à 01:28
Merci revlis du décriptage! C'est bien la première fois que je vois ici un script crypté!! Je trouve ça vraiment chié!!!
13 déc. 2004 à 21:33
De plus ce qui ne fonctionne pas sous Mozilla (ou tout rendu gecko) n'est pas du javascript, il suffit de lire la norme pour le voir....
8 oct. 2003 à 00:00
Je débute dans le domaine javascript, et j'aurais besoin d'aide.
J'ai créé un organigramme sur indesign, j'en ai fait une copie dans un format EPS récupérable sur Photoshop.
A partir de Photoshop, j'ai créé des tranches correspondant aux cadres dans lesquels j'ai répertorié les services.
Dans chaque cadre, il est possible de mettre un lien vers un fichier (image par exemple).
Lorsque l'on enregistre le tout pour le Web, il crée le HTML en toile de fond.
Ce que j'aimerais faire, c'est lorsque l'on passe avec la souris sur un des cadres, celui-ci s'affiche en plus grand.
Peut-être y a t-il un moyen de faire ce travail en java ?
Toutes vos suggestions seront les bienvenues
Merci
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.