Page 1 sur 1

Rollover sous nvu

Publié : 23 mai 2007, 11:34
par Edy
Bonjour,

Je suis en train de créer un site internet (je ne suis qu'un amateur, je n'ai aucune formation pour ça) et j'ai cherché à créer un rollover.
Après bien des tentatives je suis arrivé à en créer un.
Jusque là il n'y a pas de problème.
Le problème c'est quand je veux insérer un deuxième rollover dans la page. Tous les rollover ne fonctionnent plus.
Je sais pas si j'ai été clair mais en concret, sur une page je crée un rollover "accueil" ça marche. Par contre, en dessous de ce rollover, je veux en rajouter un autre (galerie photo), plus aucun rollover ne marche.
Quelqu'un peut m'aiguiller pour résoudre ce problème?
Vous pouvez envoyez vos aides à senseifabien"chez"hotmail.com et même me mettre dans vos contacts si une explication en "live" est plus simple que par mail
Merci d'avance
[note d'un modo: 2 remarques
> ne jamais mettre son adresse mail en clair dans les messages sauf à adorer les spams!
> les réponses aux questions se font en priorité sur ce forum afin qu'elles puissent servir à tous ceux qui pourraient avoir le même problème ]

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322)

Publié : 23 mai 2007, 11:41
par chinon37
sans l'adresse de la page en ligne ou (au minimum) le code de la page, il sera extrèmement difficile de répondre, sauf à avoir des dons divinatoires :wink:
Si ton site est déjà sur le web, merci de donner l'adresse.

rollover sous nvu

Publié : 23 mai 2007, 11:46
par edy
tout d'abord, concernant les notes des modos, désolé, je ne savais pas, je ne suis pas un habitué des forums.
Concernant la réponse de Chinon37, le site n'est pas encore en ligne, et le code de la page, qu'est-ce que c'est ?
JE suis désolé de poser des questions d'apparence "simple" comme celle la, mais je ne suis qu'un piètre débutant...

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322)

Publié : 23 mai 2007, 14:29
par chinon37
Pour la note "Modo", c'était purement informatif (pour les p'tits nouveaux) :P
le code est le contenu de l'onglet source.
Pour le mettre ici, il suffit que tu ailles sur l'onglet source de Nvu (ou Kompozer). Ensuite ctrl+a (pour tout sélectionner) puis ctrl+c (pour copier).
ensuite, dans ce sujet, tu fais répondre et dans le cadre de réponse, tu nous mets un petit mot (ça fait toujours plaisir :P ) et tu fais ctrl+v (pour coller le code précédemment copié).
Il sera ainsi plus facile de t'aider.

Code rollover

Publié : 24 mai 2007, 16:43
par edy
Merci Chinon37.
Voici donc le code du rollover :
onmouseover="monrollover.src='file:///D:/documents/site%20duc/Bouton/PNG/Accueil_2.PNG';"
onmouseout="monrollover.src='file:///D:/documents/site%20duc/Bouton/PNG/Accueil_1.PNG';"><img
name="monrollover"
src="file:///D:/documents/site%20duc/Bouton/PNG/Accueil_1.PNG"
alt="" style="border: 0px solid ; width: 200px; height: 72px;"></a><br
style="color: rgb(255, 255, 255);">
</div>
<br style="color: rgb(255, 255, 255);">
</body>

et si j'en insère un deuxième, plus rien ne marche. Y-a-t-il quelque chose à rajouter entre les deux codes ?
</html>


Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322)

Re: Code rollover

Publié : 24 mai 2007, 16:50
par myahoo
edy a écrit :Voici donc le code du rollover :

Code : Tout sélectionner

onmouseover="monrollover.src='file:///D:/documents/site%20duc/Bouton/PNG/Accueil_2.PNG';"
 onmouseout="monrollover.src='file:///D:/documents/site%20duc/Bouton/PNG/Accueil_1.PNG';"><img
 name="monrollover"
 src="file:///D:/documents/site%20duc/Bouton/PNG/Accueil_1.PNG"
Ouh là, si c'est le code d'un site en ligne, les PNG ne s'afficheront pas (à moins que tout le monde soit avec un disque D:\ contenant le dossier PNG dans le dossier bouton, dans le dossier site duc (à noter : il faut éviter les espaces dans l'adresse http://…), dans le dossier documents. Il faut du http://… pour que le rendu ait vraiment lieu :wink:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Publié : 24 mai 2007, 17:57
par jpbardiau
Essaye ce code :

Code : Tout sélectionner

<img src="chemin_de_l_image/image1.png" alt="description de l'image" 
onmouseover="this.src='chemin_de_l_image/image2.png';"
onmouseout="this.src='chemin_de_l_image/image1.png';" />
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; wa; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Merci

Publié : 26 mai 2007, 18:25
par edy
jpbardiau merci infiniment pour ton code ça marche...
Tu peux pas savoir comme ça fais plaisir.
Merci à tous de votre aide

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

chemin d'image

Publié : 26 mai 2007, 18:30
par edy
Myhaoo, je ne savais pas que ça ne fonctionnait pas quand on mettais en chemin : "d/dossier/image" je ne suis qu'un novice, j'apprend au fur et a mesure. Je ne l'ai vu que par l'intermédiaire d'autre message sur le forum.
je vais donc changer mes chemins d'accès..
Dur dur d'être autodidacte :wink:

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Re: chemin d'image

Publié : 27 mai 2007, 01:22
par Ymai
edy a écrit :Dur dur d'être autodidacte :wink:
Bienvenue au club.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.3) Gecko/20061201 Firefox/2.0.0.3 (Ubuntu-feisty)

Publié : 03 nov. 2008, 15:52
par Gagea
Comme je sais que les participants à mon atelier vont me le demander, et que j'ai un peu de temps vu que c'est les vacances, j'ai cherché sur le forum des explications au sujet des rollover. J'ai trouvé ce post de mai 2007, et j'ai essayé de réaliser une image survolée avec le code proposé par JPBardiau.
En local ça marche avec IE7 et FF mais sur le site distant ni avec IE ni avec FF. http://josar.free.fr/tutoKompozer/miseEnForme7.html
Merci pour votre aide.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

Publié : 03 nov. 2008, 16:00
par Fabrice.Tres.Net
onmouseover, on... sont des appels en javascript!

Sans javascript, mais avec une seule image:
http://css.alsacreations.com/Tutoriels- ... age-unique