begin process at 2012 02 11 03:49:56
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

plusieurs rollovers sur une image de fond


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

plusieurs rollovers sur une image de fond

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

Administrateur CodeS-SourceS
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

Administrateur CodeS-SourceS
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ée 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.


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,874 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales