Images survolés avec dreamweaver
skwiti
Messages postés
169
Statut
Membre
-
Marti -
Marti -
Bonjour,
Je suis sous dreamweaver CS3 et je voulais mettre des images survolées!
Donc sous photoshop je fait une image "petite" et une autre "plus grande" et j'enregistre le tout en .gif!
Je vais sous dreamweaver et quand je fait:
Insertion>
objet image>
images survolées.....
Je clique sur parcourir et je met l'image petite, je reclique sur parcourrir de l'image survolée et je met l'autre!
J'enregistre et j'éssaye sous Firefox et cela ne marche pas!
Je suis sous dreamweaver CS3 et je voulais mettre des images survolées!
Donc sous photoshop je fait une image "petite" et une autre "plus grande" et j'enregistre le tout en .gif!
Je vais sous dreamweaver et quand je fait:
Insertion>
objet image>
images survolées.....
Je clique sur parcourir et je met l'image petite, je reclique sur parcourrir de l'image survolée et je met l'autre!
J'enregistre et j'éssaye sous Firefox et cela ne marche pas!
Configuration: Windows Vista Firefox 3.0.6
A voir également:
- Images survolés avec dreamweaver
- Des images - Guide
- Recherche images - Guide
- Mes images photos - Guide
- Réduire taille images - Guide
- Extraire les images d'un pdf - Guide
23 réponses
- 1
- 2
Suivant
JQuery (bibliothèque Javascript) n'est pas très complexe ^^ (pour des effets sympa). Mais le plus simple reste de marquer toi même ce code :
<A HREF="#" onMouseOver="i429064.src='ta petite image.jpg'" onMouseOut="i429064.src='ta grande image.jpg'"><IMG SRC="ta petite image.jpg" BORDER=0 NAME="i429064" ALT="Ce que montre l'image" HSPACE=0 VSPACE=0></A>
<A HREF="#" onMouseOver="i429064.src='ta petite image.jpg'" onMouseOut="i429064.src='ta grande image.jpg'"><IMG SRC="ta petite image.jpg" BORDER=0 NAME="i429064" ALT="Ce que montre l'image" HSPACE=0 VSPACE=0></A>
Étrange... Bah, tu n'as qu'à mettre un texte vide (""), et tu ne verras plus rien.
Pour la taille de l'image, soit tu le fais manuellement sous 'toshop', soit en rajoutant entre les balises <img height="55(exemple)" width ="66">
Pour la taille de l'image, soit tu le fais manuellement sous 'toshop', soit en rajoutant entre les balises <img height="55(exemple)" width ="66">
Pareil mais en fète ce que je voudrais arrivé a faire c'est insérer une petite image et quand je passe la souris dessus que l'image s'agrandissent!!
merci
merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
<style type="text/css">
.menu a{
backround:url(images/mon_image.gif) no-repeat left top;
}
.menu a:hover{
backround:url(images/mon_autre_image.gif) no-repeat left top;
}
</style>
<div class="menu">
<a href="#">menu 1</a>
<a href="#">menu 2</a>
<a href="#">menu 3</a>
</div>
.menu a{
backround:url(images/mon_image.gif) no-repeat left top;
}
.menu a:hover{
backround:url(images/mon_autre_image.gif) no-repeat left top;
}
</style>
<div class="menu">
<a href="#">menu 1</a>
<a href="#">menu 2</a>
<a href="#">menu 3</a>
</div>
oui. de tout façon tu as déjà surement une feuille de style pour ton site.
sinon pour simplifier met le code que dreamweaver utilise.
je ne le connais pas.
tout le monde n'a pas 1000euros pour se payer une licence :-)
sinon pour simplifier met le code que dreamweaver utilise.
je ne le connais pas.
tout le monde n'a pas 1000euros pour se payer une licence :-)
wé sa marche!! Mais il ya un "hik" dans le code il ya un truc avec de marquer: ALT="Ce que montre l'image" et je voudrais l'enlever? c'est possible?
Si tu veux... C'est, entre autre, les renseignements sur l'image. Par exemple, si un malvoyant passe dessus, mais n'arrive pas à voir l'image, il pourra savoir ce qu'elle représente grâce à un appareil de braille numérique ^^.
Mais si tu veux l'enlever, ça marche aussi!
Heureux d'avoir pu t'aider ^_^.
Mais si tu veux l'enlever, ça marche aussi!
Heureux d'avoir pu t'aider ^_^.
je remet le code et je renomme les image mais le souci c'est que ca ne marche plus!! Aucune image ne fonctionnent!
En fait le truc, c'est que :
<A HREF="#" onMouseOver="i429064.src='ta petite image.jpg'" onMouseOut="i429064.src='ta grande image.jpg'"><IMG SRC="ta petite image.jpg" BORDER=0 NAME="i429064" ALT="Ce que montre l'image" HSPACE=0 VSPACE=0></A>
Ca, c'est le nom de la zone où l'image va être mise! Il ne peut pas y avoir plusieurs zones avec le même nom, l'ordinateur s'y perd et préfère ignorer. Donc tu n'as qu'à changer le NAME à chaque nouvelle zone (en n'oubliant pas de modifier aussi au niveau des onMouse (en italique).
<A HREF="#" onMouseOver="i429064.src='ta petite image.jpg'" onMouseOut="i429064.src='ta grande image.jpg'"><IMG SRC="ta petite image.jpg" BORDER=0 NAME="i429064" ALT="Ce que montre l'image" HSPACE=0 VSPACE=0></A>
Ca, c'est le nom de la zone où l'image va être mise! Il ne peut pas y avoir plusieurs zones avec le même nom, l'ordinateur s'y perd et préfère ignorer. Donc tu n'as qu'à changer le NAME à chaque nouvelle zone (en n'oubliant pas de modifier aussi au niveau des onMouse (en italique).
- 1
- 2
Suivant
