begin process at 2008 08 28 21:45:30
1 233 395 membres
487 nouveaux aujourd'hui
14 291 membres club

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum.
Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : plusieurs rollovers sur une image de fond [ CSS / Général ] (sebplan)

plusieurs rollovers sur une image de fond le 04/07/2008 13:21:39

sebplan
bonjour

je souhaiterais creer sur mon site l' effet dynamique suivant:

photo d'une chambre en arriere plan (avec un meuble) et lorsque la souris passe sur un tiroir du meuble celui-ci s'ouvre
j'ai pense au rollover mais je n'arrive pas à creer le code
pouvez vous m'aider?
merci pour vos réponses

Re : plusieurs rollovers sur une image de fond le 04/07/2008 13:22:01
Re : plusieurs rollovers sur une image de fond le 04/07/2008 16:07:38

bultez
Membre Club
Bonjour,
ça ne va pas être si simple que ça...
un lien pour commencer à dépiauter chez selfHTML
ou alors va falloir faire plusieurs images pour constituer ton "fond"
enfi, me semble-t-il... peut-être oublie-je des possibilités...

                Cordialement            Bul         [mon Site]     [M'écrire]

Re : plusieurs rollovers sur une image de fond le 04/07/2008 21:55:45

kazma
la map c'est un bonne idee et il faudra ensuite que tu positionne les autres image en position relative et que tu joue avec la visibilite (onmouseover style.visibility=)par contre si tu veut que tout cela marche integre les dan un div (map et image) et il faudra que l'image est une taille constante si l'image doit prendre tout l'ecran en se rapelant qu'il y a plusieur resolution possible il y aurra plus de boulot

Re : plusieurs rollovers sur une image de fond le 05/07/2008 10:24:26

sebplan
serait il possible de fractionner l'image avec gimp (les tiroirs seraient les zones  cliquables) et de creer ensuite les rollovers...
j'ai créé 4 images (une tiroirs fermé, une autre tiroir du haut ouvert une autre tiroir du milieu ouvert....)

Re : plusieurs rollovers sur une image de fond le 05/07/2008 10:30:32

bultez
Membre Club
n'importe quel outil de dessin basique te permettra de séparer une image en n parties.
quelques copiés/collé et basta...
après ce sera des balises <img> positionnées comme il faut, avec les évênements
possibles de toutes les balises ( onclik, onmouseover, on... )

                Cordialement            Bul         [mon Site]     [M'écrire]

Re : plusieurs rollovers sur une image de fond le 05/07/2008 12:32:31

sebplan
je pense que je vais decouper mon image initiales en 3...par contre comment faire pour que sur ma page internet elle n'en paraisse qu'une (les coordonées) je travaille avec gimp2
pouvez vous me donner un coup de main?

Re : plusieurs rollovers sur une image de fond le 05/07/2008 12:49:19

bultez
Membre Club
connait pas gimp2.

pour positionner : le css.

regarder
position:relative ou absolute
top:position verticale
left:position horizontale
et/ou float:left... par exemple

une doc chez selfHTML


                Cordialement            Bul         [mon Site]     [M'écrire]

Re : plusieurs rollovers sur une image de fond le 05/07/2008 20:32:15

kazma
utilise les map il existe des  petits programme gratuit pour editer des image afin de cree une image map fait une recherche sinon etudie le css le dom et le javascript


Re : plusieurs rollovers sur une image de fond le 08/07/2008 18:55:20

sebplan
je suis désespéré!!!, j'ai finalement opté pour la "map" mais je n'arrive pas à faire de rollover sur les "arrea" que je crée
est ce que quelqu'un peut m'aider j'ai l'impression de me noyer dans un verre d'eau...


[Page 1 Page 2]
Classé sous : creer, image, fond, meuble, rollovers

Participer à cet échange

Pub



Appels d'offres

Recherche developpeur ...
Budget : 700€
SITE MARCHAND LOCATION...
Budget : 3 000€
SITE MARCHAND POUR HOTEL
Budget : 4 000€

CalendriCode

Août 2008
LMMJVSD
    123
45678910
11121314151617
18192021222324
25262728293031

Téléchargements

Boutique

Boutique de goodies CodeS-SourceS