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
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> -
É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"> -
-
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 -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
ben....peu importe un effet sympa mais le moins complexe!!
-
<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> -
-
euh merci mais je fait comment il faut faire une feuille de style CSS en plus de la page HTML?
-
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 :-) -
lol c'est la lisene du bahu ils on acheté la suite et ils ne s'en servent pas! Donc j'ai demander si je pouvais l'utiliser ils n'ont pas dit non :)
En faite je doit faire une site avec au moins 10 images (petite) et quand on passe la souris qu'elle s'agradissent!!
Merci de m'aider! -
Donc ton code je le marque dans le code .html mais a quel endroit? En faite je fait l'opération du début avec les images survolé puis je met ton code?
merci -
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 ^_^.
-
-
-
Déja merci beaucoup de m'avoir aider mais je n'arrive pas a mettre plus d'une image??
-
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).
-
-
-
C'est bon sa marche mais je voudrais savoir si je peux enlever la fonction ALT car c'est énervent! lol merci encore
-
LOL si jy pense au aveugles mais la sa me gène énormément!! j'éssaye et je te tien au courant!
-
Quand je l'enlève mon image n'apparait plus!! Et juste une dernière question comment réduire la taille de l'image agrandi?
merci
- 1
- 2
Suivant
