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!
A voir également:
- Images survolés avec dreamweaver
- Des images - Guide
- Recherche images - Guide
- Extraire images pdf - Guide
- Visualisez cette image avec un logiciel d'édition d'images. combien y a-t-il de pixels noirs sur le camion ? - Télécharger - Photo & Graphisme
- 4 images 1 mot bug - Forum jeux en ligne
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 :-)
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!
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
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 ^_^.
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).
C'est bon sa marche mais je voudrais savoir si je peux enlever la fonction ALT car c'est énervent! lol merci encore
- 1
- 2
Suivant
