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)

vendredi 4 juillet 2008 à 13:21:39 | plusieurs rollovers sur une image de fond

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

vendredi 4 juillet 2008 à 13:22:01 | Re : plusieurs rollovers sur une image de fond
vendredi 4 juillet 2008 à 16:07:38 | Re : plusieurs rollovers sur une image de fond

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]

vendredi 4 juillet 2008 à 21:55:45 | Re : plusieurs rollovers sur une image de fond

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

samedi 5 juillet 2008 à 10:24:26 | Re : plusieurs rollovers sur une image de fond

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

samedi 5 juillet 2008 à 10:30:32 | Re : plusieurs rollovers sur une image de fond

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]

samedi 5 juillet 2008 à 12:32:31 | Re : plusieurs rollovers sur une image de fond

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?

samedi 5 juillet 2008 à 12:49:19 | Re : plusieurs rollovers sur une image de fond

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]

samedi 5 juillet 2008 à 20:32:15 | Re : plusieurs rollovers sur une image de fond

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


mardi 8 juillet 2008 à 18:55:20 | Re : plusieurs rollovers sur une image de fond

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


1 2

Cette discussion est classé dans : creer, image, fond, meuble, rollovers


Répondre à ce message

Sujets en rapport avec ce message

Image de fond non duplicable [ par GLTRADE ] Bonjours à tou(te)s, je rencontre un problème avec un fond d'écran pour ma page web. Mon client voudrait que l'image de fond ne se duplique pas (et ce changer l image de fond d une cellule d un tableau dans une frame [ par Poulipe ] Bonjour,je suis incapable de trouver comment changer l image de fond d une cellule dans ma frame du haut....j ai essayer plusieurs trucs style :parent donner un fond transparent à une image [ par cz1702 ] Comment faire pour que le fond d'une image (blanc par exemple) soit transparent sur une page web (si on a une image en arrière plan ) ? Changer le fond de la page dans une fonction js [ par edelendil ] voila le ptit pb j'essaye avec cette fonction de changer le fond d'un pop-up// On récupère le nom de l'image ds la barre d'adressevar chaine=window.lo image de fond immobile !! [ par thewill ] bonjour a tous !Voila ma question : dans une popup que j'ai paramétrée a une taille precise, il reside dans celle ci une image de fond immobile, de ce Problème d'affichage du fond d'écran [ par webmasterette ] Bonjour tout le monde!Je suis nouvelle sur ce site et je me suis dit que ce forum était fait pour moi!En effet, AU SECOURS!!!J'ai un problème avec ma [RECHERCHE] un script permettant de creer des zones sur une image (<MAP>) [ par WeDgEMasTeR ] Bonjour! Il y a des logiciels pour faire çà, mais moi je veux le faire directement sur une page internet. Donc j'ai une image et je voudrais sélécti image background et redimensionnement [ par evilfrog83 ] Comment puis-je faire pour qu'une image positionnée en temps que fond d'un tableau puisse s'agrandir et se rétrécir en fonction de la taille de celui- Image centrée en fond de tableau... [ par orelien ] Bonjour,J'aimerais placer une image en fond d'un tableau mais centrée...Merci.Orélien. texte sur image en fond de cellule [ par clochette162 ] salut j 'ai une image en fond de cellule et je voudrai ecrire du texte dessus sans mettre de calque ou sans ecrire directement sur limage Donnez m


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,640 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.