Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

petit diaporama pour rollover

7 réponses
Avatar
o p
Sur mon site sur NYC, je cherchais a faire une presentation originale, alors
a la place d'un rollover classique
j'ais mis au point un petit diaporama
c'est simple a faire (sinon je n'aurais pas pu le faire..)

Voila comment ca marche
<head>
<script language="JavaScript">

var num1=1;

functtion vision_1() {
if (num1 == 1) { graf1.src = 'image1.jpg';}
if (num1 == 2) { graf1.src = 'image2..jpg';}
if (num1 == 3) { graf1.src = 'image3.jpg';}

num1 ++;
if (num1>3) {num1 = 1;}
retimer = window.setTimeout( 'vision_1()' , 800 );
}

function init_vision( nbrfen ) {
window.clearTimeout( retimer );
if(nbrfen == "1"){ graf1.src = 'new.gif';}
num1 = 1;
}
</script>
</head>

<td style="width: 33%; text-align: center; vertical-align: top;"><a
href="wave/index.html" onMouseOver="vision_1()"
onMouseOut="init_vision('1')"><img
title="Wave Hill Neigeux"
style="border: 0px solid ; width: 88px; height: 77px;" alt=""
src="new.gif"
name="graf1"></a><br>
<small><span style="font-family: Courier New;"><span
style="color: rgb(0, 0, 0);"><span style="font-weight: bold;">Wave Hill
Neigeux</span></span></span></small></td>


Alors j'aurais pu precharger mes images, mais comme j'ais 19 boutons comme
ca dans ma page, le prechargement aurait
ete trop long, et la comme les images sont de petites tailles, cela va tres
vite

vous pouvez voir le resultat sur ma page
http://perrin.olivier.free.fr/galerie%20graphique%20nyc%202005/index.html

ca marche tres bien sous firefox, et sous IE mais cela ne marche pas sous
Linux (firefox et mozilla), si qq a une idee

A bientot
o p
(Mon site sur New York www.newyork-evasion.com )

7 réponses

Avatar
ASM
o p wrote:
Sur mon site sur NYC, je cherchais a faire une presentation originale, alors
a la place d'un rollover classique
j'ais mis au point un petit diaporama
c'est simple a faire (sinon je n'aurais pas pu le faire..)

Voila comment ca marche


comme ce n'est pas copié+collé
ce que donné ne fonctionnera pas (qques coqilles)
et même çà m'etonne que çà fonctionne
alors que les images de références (où sont affichées les animations)
sont appelées uniquement par leurs noms

je te propose en rustine (mais je n'ai pas linux pour vérifier) :

var num1=0;

function vision_1() {
var lieu = document.images['graf1'];
if(num==3) num=0;
num++
if (num1 == 1) { lieu.src = 'image1.jpg';}
if (num1 == 2) { lieu.src = 'image2.jpg';}
if (num1 == 3) { lieu.src = 'image3.jpg';}
retimer = window.setTimeout( 'vision_1()' , 800 );
}

et rustine pareil pour init

function init_vision( nbrfen ) {
window.clearTimeout( retimer );

var imgs = document.images;

if(nbrfen == "1"){ imgs['graf1'].src = 'new.gif';}
if(nbrfen == "2"){ imgs['graf2'].src = 'new.gif';}
if(nbrfen == "3"){ imgs['graf3'].src = 'folder.gif';}
if(nbrfen == "4"){ imgs['graf4'].src = 'new.gif';}
if(nbrfen == "5"){ imgs['graf5'].src = 'folder.gif';}
... etc ... etc ...


--
Stephane Moriaux et son [moins] vieux Mac

Avatar
o p
merci je vais faire un essais comme ca, mais je confirme ca marche tres bien
sous windows

--
o p
(Mon site sur New York www.newyork-evasion.com )

"ASM" a écrit dans le message
de news: 42e271b3$0$22282$
o p wrote:
Sur mon site sur NYC, je cherchais a faire une presentation originale,
alors a la place d'un rollover classique
j'ais mis au point un petit diaporama
c'est simple a faire (sinon je n'aurais pas pu le faire..)

Voila comment ca marche


comme ce n'est pas copié+collé
ce que donné ne fonctionnera pas (qques coqilles)
et même çà m'etonne que çà fonctionne
alors que les images de références (où sont affichées les animations)
sont appelées uniquement par leurs noms

je te propose en rustine (mais je n'ai pas linux pour vérifier) :

var num1=0;

function vision_1() {
var lieu = document.images['graf1'];
if(num==3) num=0;
num++
if (num1 == 1) { lieu.src = 'image1.jpg';}
if (num1 == 2) { lieu.src = 'image2.jpg';}
if (num1 == 3) { lieu.src = 'image3.jpg';}
retimer = window.setTimeout( 'vision_1()' , 800 );
}

et rustine pareil pour init

function init_vision( nbrfen ) {
window.clearTimeout( retimer );

var imgs = document.images;

if(nbrfen == "1"){ imgs['graf1'].src = 'new.gif';}
if(nbrfen == "2"){ imgs['graf2'].src = 'new.gif';}
if(nbrfen == "3"){ imgs['graf3'].src = 'folder.gif';}
if(nbrfen == "4"){ imgs['graf4'].src = 'new.gif';}
if(nbrfen == "5"){ imgs['graf5'].src = 'folder.gif';}
... etc ... etc ...


--
Stephane Moriaux et son [moins] vieux Mac



Avatar
ASM
o p wrote:
merci je vais faire un essais comme ca, mais je confirme ca marche tres bien
sous windows


ADSL aidant, oui, ton site (enfin la page que j'ai vue)
fonctionnait très bien avec FF sur mon Mac
(c'est bien ce qui m'étonne)

Vérifié avec NC4.5 (vieux Mac)
confirmation : çà ne fonctionne pas :
JavaScript Error:
http://perrin.olivier.free.fr/galerie%20graphique%20nyc%202005/index.html,
line 321:
graf18 is not defined.

Filer le nom d'une image comme çà sans prévenir est un peu traître,
mieux vaux aider en indiquant ce que c'est (de quel arbre ça tombe)
document.images['graf18']
objet nommé 'graf18' de l'arbre (ou tableau) des images du document


Re-vérifié avec FF
Ha! lui aussi n'est pas tt à fait content :

Avertissement :
Élément référencé par son ID/NAME dans le contexte global.
Utilisez à la place la propriété standard du W3C document.getElementById().
Fichier Source :
http://perrin.olivier.free.fr/galerie%20graphique%20nyc%202005/index.html
Ligne : 296

Contrairement au W3C, perso je préfére, quand c'est possible,
m'adresser aux arbres connus du vieux javascript.
Çà améliore grandement la compatibilité.


--
Stephane Moriaux et son [moins] vieux Mac

Avatar
o p
merci pour tous les tests, je note tout ca


--
o p
(Mon site sur New York www.newyork-evasion.com )

"ASM" a écrit dans le message
de news: 42e2b18c$0$25027$
o p wrote:
merci je vais faire un essais comme ca, mais je confirme ca marche tres
bien sous windows


ADSL aidant, oui, ton site (enfin la page que j'ai vue)
fonctionnait très bien avec FF sur mon Mac
(c'est bien ce qui m'étonne)

Vérifié avec NC4.5 (vieux Mac)
confirmation : çà ne fonctionne pas :
JavaScript Error:
http://perrin.olivier.free.fr/galerie%20graphique%20nyc%202005/index.html,
line 321:
graf18 is not defined.

Filer le nom d'une image comme çà sans prévenir est un peu traître,
mieux vaux aider en indiquant ce que c'est (de quel arbre ça tombe)
document.images['graf18']
objet nommé 'graf18' de l'arbre (ou tableau) des images du document


Re-vérifié avec FF
Ha! lui aussi n'est pas tt à fait content :

Avertissement :
Élément référencé par son ID/NAME dans le contexte global.
Utilisez à la place la propriété standard du W3C
document.getElementById().
Fichier Source :
http://perrin.olivier.free.fr/galerie%20graphique%20nyc%202005/index.html
Ligne : 296

Contrairement au W3C, perso je préfére, quand c'est possible,
m'adresser aux arbres connus du vieux javascript.
Çà améliore grandement la compatibilité.


--
Stephane Moriaux et son [moins] vieux Mac



Avatar
o p
Merci je viens de faire les modifications, je testerais ca lundi sous linux
et ferais suivre le resultat

Pourrais je connaitre les adresses pour faire les tests ?

Encore merci

o p
(Mon site sur New York www.newyork-evasion.com )

"ASM" a écrit dans le message
de news: 42e2b18c$0$25027$
o p wrote:
merci je vais faire un essais comme ca, mais je confirme ca marche tres
bien sous windows


ADSL aidant, oui, ton site (enfin la page que j'ai vue)
fonctionnait très bien avec FF sur mon Mac
(c'est bien ce qui m'étonne)

Vérifié avec NC4.5 (vieux Mac)
confirmation : çà ne fonctionne pas :
JavaScript Error:
http://perrin.olivier.free.fr/galerie%20graphique%20nyc%202005/index.html,
line 321:
graf18 is not defined.

Filer le nom d'une image comme çà sans prévenir est un peu traître,
mieux vaux aider en indiquant ce que c'est (de quel arbre ça tombe)
document.images['graf18']
objet nommé 'graf18' de l'arbre (ou tableau) des images du document


Re-vérifié avec FF
Ha! lui aussi n'est pas tt à fait content :

Avertissement :
Élément référencé par son ID/NAME dans le contexte global.
Utilisez à la place la propriété standard du W3C
document.getElementById().
Fichier Source :
http://perrin.olivier.free.fr/galerie%20graphique%20nyc%202005/index.html
Ligne : 296

Contrairement au W3C, perso je préfére, quand c'est possible,
m'adresser aux arbres connus du vieux javascript.
Çà améliore grandement la compatibilité.


--
Stephane Moriaux et son [moins] vieux Mac



Avatar
o p
Encore merci, je viens de tester avec Mozilla et Firefox sous linux ca
marche nickel

--
o p
(Mon site sur New York www.newyork-evasion.com )

"ASM" a écrit dans le message
de news: 42e2b18c$0$25027$
o p wrote:
merci je vais faire un essais comme ca, mais je confirme ca marche tres
bien sous windows


ADSL aidant, oui, ton site (enfin la page que j'ai vue)
fonctionnait très bien avec FF sur mon Mac
(c'est bien ce qui m'étonne)

Vérifié avec NC4.5 (vieux Mac)
confirmation : çà ne fonctionne pas :
JavaScript Error:
http://perrin.olivier.free.fr/galerie%20graphique%20nyc%202005/index.html,
line 321:
graf18 is not defined.

Filer le nom d'une image comme çà sans prévenir est un peu traître,
mieux vaux aider en indiquant ce que c'est (de quel arbre ça tombe)
document.images['graf18']
objet nommé 'graf18' de l'arbre (ou tableau) des images du document


Re-vérifié avec FF
Ha! lui aussi n'est pas tt à fait content :

Avertissement :
Élément référencé par son ID/NAME dans le contexte global.
Utilisez à la place la propriété standard du W3C
document.getElementById().
Fichier Source :
http://perrin.olivier.free.fr/galerie%20graphique%20nyc%202005/index.html
Ligne : 296

Contrairement au W3C, perso je préfére, quand c'est possible,
m'adresser aux arbres connus du vieux javascript.
Çà améliore grandement la compatibilité.


--
Stephane Moriaux et son [moins] vieux Mac



Avatar
ASM
o p wrote:
Encore merci, je viens de tester avec Mozilla et Firefox sous linux ca
marche nickel


je m'en doutais un peu :-)

IE par ses approximations donne de très très mauvaises habitudes

--
Stephane Moriaux et son [moins] vieux Mac