Rollover ultra simple avec prechargement des images

Télécharger le projet
Commenter

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">

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>
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

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.

Du même auteur (Gorrk)