High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Images survolés avec dreamweaver

Dernière réponse le 7 jui 2009 à 14:30:18 skwiti, le 5 fév 2009 à 11:24:26 
 Signaler ce message aux modérateurs

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!

Configuration: Windows Vista
Firefox 3.0.6

Posez votre question Répondre

1

Guiiil, le 5 fév 2009 à 11:42:16

Bonjour, et sous Internet Explorer?

   
Répondre à Guiiil

2

skwiti, le 5 fév 2009 à 11:46:18

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

   
Répondre à skwiti

3

Guiiil, le 5 fév 2009 à 11:48:27

De manière glissé ou soudaine?

   
Répondre à Guiiil

4

skwiti, le 5 fév 2009 à 11:49:37

Ben....peu importe un effet sympa mais le moins complexe!!

   
Répondre à skwiti

5

garf, le 5 fév 2009 à 11:51:41

<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>

   
Répondre à garf

6

garf, le 5 fév 2009 à 11:52:22

Correction

background à la place de backround

   
Répondre à garf

7

skwiti, le 5 fév 2009 à 11:54:59

Euh merci mais je fait comment il faut faire une feuille de style CSS en plus de la page HTML?

   
Répondre à skwiti

8

garf, le 5 fév 2009 à 11:57:02

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 :-)

   
Répondre à garf

9

Guiiil, le 5 fév 2009 à 11:57:48
  • +1

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>

   
Répondre à Guiiil

10

skwiti, le 5 fév 2009 à 11:59:05

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!

   
Répondre à skwiti

11

Guiiil, le 5 fév 2009 à 12:00:24

Mea Culpa, il faut inverser les petites et grandes images dans le bout de code que je t'ai filé pour que tu obtienne le résultat voulu.

   
Répondre à Guiiil

12

skwiti, le 5 fév 2009 à 14:05:09

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

   
Répondre à skwiti

13

Guiiil, le 5 fév 2009 à 14:47:01

Sur Dreamwever tu cliques en mode création sur l'endroit où tu veux mettre l'image, puis tu passes en mode code et tu copie-colle.

Après avoir mis le nom de tes images, logiquement, ça devrait être bon!

   
Répondre à Guiiil

14

skwiti, le 5 fév 2009 à 14:51:46

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?

   
Répondre à skwiti

15

Guiiil, le 5 fév 2009 à 14:55:01

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 ^_^.

   
Répondre à Guiiil

16

skwiti, le 5 fév 2009 à 14:57:16

Attend un dernié truc!!

   
Répondre à skwiti

17

skwiti, le 5 fév 2009 à 14:57:46

Déja merci beaucoup de m'avoir aider mais je n'arrive pas a mettre plus d'une image??

   
Répondre à skwiti

18

Guiiil, le 5 fév 2009 à 15:00:00

Comment ça?

   
Répondre à Guiiil

19

skwiti, le 5 fév 2009 à 15:04:18

Je remet le code et je renomme les image mais le souci c'est que ca ne marche plus!! Aucune image ne fonctionnent!

   
Répondre à skwiti

20

Guiiil, le 5 fév 2009 à 15:09:45

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).

   
Répondre à Guiiil

21

skwiti, le 5 fév 2009 à 15:18:13

Super merci!! Met je met n'importe quoi????

   
Répondre à skwiti

22

Guiiil, le 5 fév 2009 à 15:22:29

Tu peux, c'est bien ce que je fais (ça détend de taper n'importe quoi sur le clavier) ^^.

Mais tu t'y retrouveras peut être plus facilement (voir carrément) si tu mets un truc qui t'inspire (du genre le nom de l'image, sans l'extension (.jpg, .gif...) sinon ça risque de beuguer).

   
Répondre à Guiiil

23

skwiti, le 5 fév 2009 à 15:23:06

C'est bon sa marche mais je voudrais savoir si je peux enlever la fonction ALT car c'est énervent! lol merci encore

   
Répondre à skwiti

24

Guiiil, le 5 fév 2009 à 15:29:44

Même pas tu penses aux aveugles T.T...

Mais oui tu peux ^^. Tu as juste à enlever la commande!

   
Répondre à Guiiil

25

skwiti, le 5 fév 2009 à 15:48:25

LOL si jy pense au aveugles mais la sa me gène énormément!! j'éssaye et je te tien au courant!

   
Répondre à skwiti

26

skwiti, le 5 fév 2009 à 16:00:57

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

   
Répondre à skwiti
31 réponses 12 Suivant
Posez votre question Répondre
Ils ont besoin de votre aide