begin process at 2010 03 22 04:11:47
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Graphique

 > ROLLOVER ULTRA SIMPLE AVEC PRECHARGEMENT DES IMAGES

ROLLOVER ULTRA SIMPLE AVEC PRECHARGEMENT DES IMAGES


 Information sur la source

Note :
Aucune note
Catégorie :Graphique Niveau :Débutant Date de création :10/08/2003 Date de mise à jour :16/12/2004 21:55:07 Vu / téléchargé :17 582 / 908

Auteur : Gorrk

Ecrire un message privé
Site perso
Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note

 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

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


 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

16 décembre 2004 21:53:50 :
16 décembre 2004 21:55:07 :

 Sources du même auteur

Source avec Zip DIVERSES FONCTIONS SIMPLES POUR LES TABLEAUX
BOUT DE CODE POUR XMLHTTPREQUEST
Source avec Zip OUTILS D'ADMINISTRATION DE WINDOWS (HTML APPLICATION) V1.1
PARCOURIR À LA RECHERCHE D'UN FICHIER
FONCTIONS COMPLEMENTAIRES POUR LES DATES

 Sources de la même categorie

Source avec Zip Source avec une capture STOCK/FOREX CANDLE CHART USING CANVAS API par BlackWizzard
MODIFIER SES FEUILLES DE STYLES .CSS À LA VOLÉE AVEC JAVASCR... par Phildepantin
Source avec Zip Source avec une capture FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz
Source avec Zip [-CLASS-] -> CARROUSSEL D'IMAGES par TheWeasel47
Source avec Zip Source avec une capture OGG MEDIA PLAYER par kazma

Commentaires et avis

Commentaire de linkinpar236737 le 11/08/2003 10:10:54

Moi je préfère quelque chose de moins long :
&lt;img src="out.jpg" onmouseover="src='over.jpg'" onmouseout="src='out.jpg'" onclick="src='click.jpg'"&gt;
voila
@+

Commentaire de Gorrk le 12/08/2003 13:16:17

Peut-être mais sur une très longue source je pense que mon script est plus simple et en plus il permet un prechargement des images.

Commentaire de ctof3552 le 25/08/2003 14:19:13

mmmhh... je vois pas tres bien dans ton script ce ki permet le prechargement des images...

Commentaire de meh le 26/08/2003 16:45:10

Et très important: est-ce que ça marche sur Netscape et autres navigateurs???

Commentaire de Gorrk le 27/08/2003 15:50:51

ce qui permet le prechargement des images c'est le new Image().

Commentaire de Gorrk le 27/08/2003 15:53:32

Desole, peut de navigateurs prennent actuelement en charge les fonctions dom qui sont au coeur du javascript...

Commentaire de revlis le 03/10/2003 19:53:26

Arretez de proteger vos source comme ça... on dirait que vous develloppez des projets top secret les gars...
vous avez pas inventer le fils a coupé le beure..  dreamweaver 2 (version gratuite depuis 4 ans) fait exactement là meme chose en un click

&lt;script language="JavaScript"&gt;
//  Script de Gorrk.
function init_imageOver() {
if(document.getElementById) {
  var j=0;
  var k=0;
  var l=0;
  for(var i=0;i&lt;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_imageOver;
//  Script de Gorrk.
&lt;/script&gt;

Commentaire de Poseidon_anger le 08/10/2003 00:00:45

Bonjour,
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

Commentaire de coucou747 le 13/12/2004 21:33:00

Desole, peut de navigateurs prennent actuelement en charge les fonctions dom qui sont au coeur du javascript...=> si je comprends bien tu as fait du non portable pour un script tout simple... C'est un peu domage de se priver de 30% alors que la modif ne dois pas être compliqué...

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

Commentaire de meh le 14/12/2004 01:28:44

Bon, je viens de vérifier, le rollover fonctionne avec Firefox. Ok. Quant au préchargement, là je n'en sait rien ...En quoi ce script serait meilleur qu'un autre script de préchargement?

Merci revlis du décriptage! C'est bien la première fois que je vois ici un script crypté!! Je trouve ça vraiment chié!!!

Commentaire de coucou747 le 15/12/2004 14:48:53

j'avais regardé que le décrypté, en penssant que c'était après le (c) que la remarque était...

Enfin moi je croyais qu'ici on postait des sources...

Commentaire de Gorrk le 16/12/2004 21:33:57

Désolé pour avoir crypté le script, effectivement ca sert a rien.

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.

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,484 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales