Accueil > Forum > > > > Ecrire sur une image faisant un rollover ?!
 Ecrire sur une image faisant un rollover ?!
dimanche 14 août 2005 à 12:55:22 |
Ecrire sur une image faisant un rollover ?!
DeViL66
|
Salut à tous,
J'aimerai savoir comment écrire sur une image faisant un rollover sur une autre image (2 image, quand ont passe le curseur sur une image [que j'appelerai photo1], c'est l'autre qui fait un rollover [que j'appelerai photo2]).
En faite, j'aimerai pouvoir ecrire sur photo2 (l'image qui fait le rollover), et que quand ont passe le curseur sur photo1, photo2 fasse toujours son rollover, comme si qu'il n'y avait pas de texte.
J'ai donc mis ce code :
<html>
<head>
<title>test</title>
<script language="JavaScript">
i1 = new Image;
i1.src = "images/menu1.gif";
menuimage1 = "images/Sans-titre-3_06.gif"
</script>
</head>
<body>
<td colspan="9"> <img src="images/Sans-titre-3_06.gif"
border="0" height="300" hspace="0" vspace="0" width="786"></td>
<br><br><br>
<td> <a href="#" onmouseover="menuimage1.src=i1.src"
onmouseout="menuimage1.src='images/Sans-titre-3_06.gif'"><img
style="border: 0px solid ; width: 70px; height: 54px;"
src="images/Sans-titre-3_14.gif" alt=""></a></td>
</body>
</html>
La le rollover fonctionne parfaitement, mais quand je remplace : <td colspan="9"> <img src="images/Sans-titre-3_06.gif" par
<td colspan="9" background="images/Sans-titre-3_06.gif"
le rollover ne fonctionne plus....
Merci d'avance de votre aide 
Thedeviltogta 
|
|
dimanche 14 août 2005 à 17:17:43 |
Re : Ecrire sur une image faisant un rollover ?!
GhislainLavoie
|
Réponse acceptée !
Salut! Ton script ne fonctionne pas. Je crois tu avais oublié de mettre le nom de l'image. Toutefois, j'ai modifié le script pour que ça fonctionne. A+ <html>
<head>
<title>test</title>
<script language="JavaScript">
i1 = new Image;
i1.src = "images/menu1.gif";
</script>
</head>
<body>
<table>
<tr>
<td id="menuimage1" colspan="9" background="images/Sans-titre-3_06.gif" height="300" width="786"> </td>
<td> <a href="#" onmouseover="document.getElementById('menuimage1').background=i1.src"
onmouseout="document.getElementById('menuimage1').background='images/Sans-titre-3_06.gif'"><img
style="border: 0px solid ; width: 70px; height: 54px;"
src="images/Sans-titre-3_14.gif" alt=""></a></td>
</tr>
</table>
</body>
</html>
|
|
dimanche 14 août 2005 à 17:24:24 |
Re : Ecrire sur une image faisant un rollover ?!
GhislainLavoie
|
Salut! Pour que ça fonctionne sur FF : <html>
<head>
<title>test</title>
<script language="JavaScript">
i1 = new Image();
i1.src = "001.jpg";
</script>
</head>
<body>
<table>
<tr>
<td id="menuimage1" colspan="9" background="002.jpg" height="300" width="786"> </td>
<td> <a href="#" onmouseover="document.getElementById('menuimage1').setAttribute('background',i1.src)"
onmouseout="document.getElementById('menuimage1').setAttribute('background','002.jpg')"><img
style="border: 0px solid ; width: 70px; height: 54px;"
src="003.jpg" alt=""></a></td>
</tr>
</table>
</body>
</html>
A+ |
|
dimanche 14 août 2005 à 17:29:34 |
Re : Ecrire sur une image faisant un rollover ?!
DeViL66
|
Salut, Merci beaucoup de ta réponse, le premier code est parfait, mais le deuxième ne fonctionne pas chez moi. Cela serait encore mieux si quand l'image apparaitrait quand elle fait le rollover, le texte disparaitrait. Déjà un grand merci ;) Thedeviltogta |
|
dimanche 14 août 2005 à 20:34:48 |
Re : Ecrire sur une image faisant un rollover ?!
GhislainLavoie
|
Salut!
Le deuxieme script ne fonctionne peut-être pas parceque j'ai oublié de remettre le nom de tes images. Pour mes test, j'avais changer les noms.
Qand tu dis «»
|
|
dimanche 14 août 2005 à 20:36:35 |
Re : Ecrire sur une image faisant un rollover ?!
GhislainLavoie
|
I try again..... Salut! Le deuxieme script ne fonctionne peut-être pas parceque j'ai oublié de remettre le nom de tes images. Pour mes test, j'avais changer les noms. Qand tu dis «si quand l'image apparaitrait quand elle fait le rollover, le texte disparaitrait» de quel texte parles-tu  A+, Ghislain
|
|
dimanche 14 août 2005 à 21:04:22 |
Re : Ecrire sur une image faisant un rollover ?!
DeViL66
|
salut, Je parle du texte qui apparaitra sur l'image : Sans-titre-03_06.gif qui est en background. (Car en faite c'est pour un kit graphique assez original  ) Voila merci Thedeviltogta |
|
Cette discussion est classée dans : images, image, ecrire, gif, rollover
 Répondre à ce message
 Sujets en rapport avec ce message
Insérer une image selon un résultat mathématique [ par tweeder ]
Bonjour,Je m'explique car mon sujet n,est pas très révélateur. Je dois créer une page qui fait des calculs mathématiques et jai pensé insérer des imag
Superposer des images et les combiner [ par Koppa ]
Bonjour !J'aurais besoin d'un code (pas de PHP svp) qui permet de faire ceciLors d'un clique sur une image (0001.gif) elle apparaisse sur l'image de b
Un appel javascript dans une div [ par cosycorner ]
Bonjour à tous, Je voudrais insérer des images aléatoires dans une div aux dimensions précises.(en background ?)J'ai trouvé ce script qui fonctionne p
pop up dans un script existant [ par cosycorner ]
Bonjour, Je souhaite intégrer plusieurs pop up dans un script déjà existant, mais ça ouvre dans une autre page, sans utiliser la fonction "window.open
un appel javascript dans une div [ par cosycorner ]
Bonjour à tous, Je voudrais insérer des images aléatoires dans une div aux dimensions précises.(en background ?)J'ai trouvé ce script qui fonctionne p
image dans textbox [ par joebuz ]
Bonjour,j'utilise un petit script pour insertion d'objet dans une textbox (<a href="http://www.javascriptfr.com/codes/INSERTION-PARTIR-POSIT
prechargement d'image [ par mickadevelop ]
Bonjour à toutes et tous,je me pose la question suivante :si sur une page nous avons par exemple 10 images de tel façon que nous ayons 10 balises et
bug sous firefox [ par ahmedoo ]
Salut, sous IE le style="background-repeat: repeat-y" marche très bien mais évidement sous firefox ça ne marche pas ! Quelqu'un peut regarder ma css
copyright d'images [ par chabgyver ]
Bonjour, J'ai trouvé sur ce site un script pour empêcher le clic droit d'une image mais franchement, je suis pas convaincu par l'efficacité de la mét
Extension d'image sensible a la casse [ par ecarbill ]
Salut à tous. Dans ma page je met des images et toutes avec l'extension '.JPG'. Tout marche bien sur ma machine mais quand j'envoie mon site sur le se
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|