ROLLOVER ULTRA SIMPLE AVEC PRECHARGEMENT DES IMAGES
linkinpar236737
Messages postés161Date d'inscriptionjeudi 20 mars 2003StatutMembreDernière intervention 7 mai 2007
-
11 août 2003 à 10:10
Gorrk
Messages postés96Date d'inscriptionmercredi 16 avril 2003StatutMembreDernière intervention26 avril 2007
-
16 déc. 2004 à 21:33
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
Gorrk
Messages postés96Date d'inscriptionmercredi 16 avril 2003StatutMembreDernière intervention26 avril 2007 16 déc. 2004 à 21:33
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.
coucou747
Messages postés12303Date d'inscriptionmardi 10 février 2004StatutMembreDernière intervention30 juillet 201244 15 déc. 2004 à 14:48
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...
cs_meh
Messages postés66Date d'inscriptiondimanche 18 août 2002StatutMembreDernière intervention 9 juillet 2007 14 déc. 2004 à 01:28
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é!!!
coucou747
Messages postés12303Date d'inscriptionmardi 10 février 2004StatutMembreDernière intervention30 juillet 201244 13 déc. 2004 à 21:33
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....
Poseidon_anger
Messages postés1Date d'inscriptionmardi 7 octobre 2003StatutMembreDernière intervention 8 octobre 2003 8 oct. 2003 à 00:00
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
cs_revlis
Messages postés41Date d'inscriptionmardi 15 juillet 2003StatutMembreDernière intervention 7 décembre 2004 3 oct. 2003 à 19:53
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
<script language="JavaScript">
// Script de Gorrk.
function init_imageOver() {
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_imageOver;
// Script de Gorrk.
</script>
Gorrk
Messages postés96Date d'inscriptionmercredi 16 avril 2003StatutMembreDernière intervention26 avril 2007 27 août 2003 à 15:53
Desole, peut de navigateurs prennent actuelement en charge les fonctions dom qui sont au coeur du javascript...
Gorrk
Messages postés96Date d'inscriptionmercredi 16 avril 2003StatutMembreDernière intervention26 avril 2007 27 août 2003 à 15:50
ce qui permet le prechargement des images c'est le new Image().
cs_meh
Messages postés66Date d'inscriptiondimanche 18 août 2002StatutMembreDernière intervention 9 juillet 2007 26 août 2003 à 16:45
Et très important: est-ce que ça marche sur Netscape et autres navigateurs???
ctof3552
Messages postés28Date d'inscriptionjeudi 20 mars 2003StatutMembreDernière intervention25 avril 2005 25 août 2003 à 14:19
mmmhh... je vois pas tres bien dans ton script ce ki permet le prechargement des images...
Gorrk
Messages postés96Date d'inscriptionmercredi 16 avril 2003StatutMembreDernière intervention26 avril 2007 12 août 2003 à 13:16
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.
linkinpar236737
Messages postés161Date d'inscriptionjeudi 20 mars 2003StatutMembreDernière intervention 7 mai 2007 11 août 2003 à 10:10
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
3 oct. 2003 à 19:53
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
<script language="JavaScript">
// Script de Gorrk.
function init_imageOver() {
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_imageOver;
// Script de Gorrk.
</script>
27 août 2003 à 15:53
27 août 2003 à 15:50
26 août 2003 à 16:45
25 août 2003 à 14:19
12 août 2003 à 13:16
11 août 2003 à 10:10
voila
@+