Superposition image
flibouk
Messages postés
102
Statut
Membre
-
JR des cavernes Messages postés 166 Statut Membre -
JR des cavernes Messages postés 166 Statut Membre -
Bonjour,
Je suis en train de créer un site, il a bien avancé cependant j'ai un problème et je sais pas si c'est jouable.
http://avl.izitux.com pour voir la page
Mon but est d'insérer sous le boutton accueil une image webcam donc je peut pas faire de montage photo il faut faire une superposition d'image.
la photo de webcam s'actualise toute les secondes et fait 238*196P
Est-ce possible ? et si oui comment ?
Merci par avance et si quelqu'un souhaite meme refaire mon code pas de problème je suis preneur....
Je suis en train de créer un site, il a bien avancé cependant j'ai un problème et je sais pas si c'est jouable.
http://avl.izitux.com pour voir la page
Mon but est d'insérer sous le boutton accueil une image webcam donc je peut pas faire de montage photo il faut faire une superposition d'image.
la photo de webcam s'actualise toute les secondes et fait 238*196P
Est-ce possible ? et si oui comment ?
Merci par avance et si quelqu'un souhaite meme refaire mon code pas de problème je suis preneur....
Configuration: Windows Vista Internet Explorer 7.0
6 réponses
-
Pour la superposition d'image en html on peut utiliser z-index. L'image qui a le z'index le plus élevé est au dessus des autres.
Je ne sais pas si je m'explique correctement...
<img src="b.jpg" style="position:absolute;z-index:1;">
<img src="fr.jpg" style="position:absolute;z-index:2;">
L'image fr.jpg sera sur l'image b.jpg...-
j'ai essayé mais l'image se met en dessous de l'autre et non pas sur l'autre
<div id="obj_26" style="position: absolute; left: 0px; top: 249px; width: 258px; height: 453px; z-index: 37;">
<img src="image_003.jpg" alt="" name="gacuhe" width="258" height="453" border="0" usemap="#gacuheMap" id="gacuhe"z-index:1>
<img src="kabcam.jpg" alt="" name="gacuhe" width="238" height="196" border="0" usemap="#gacuheMap" id="gacuhe"z-index:2>
<map name="gacuheMap">
je veux que kabcam et mette sur image_003
mais merci quand meme
-
-
Ok j'ai réussi mais encore un petit problème comment bien possitioner l'image ?
<div id="obj_26" style="position: absolute; left: 0px; top: 249px; width: 258px; height: 453px; z-index: 37;">
<img src="image_003.jpg" name="gacuhe" usemap="#gacuheMap" id="gacuhe" border="0" height="453" width="258" style="position:absolute;z-index:1;">
<img src="kabcam.jpg" name="gacuhe" usemap="#gacuheMap" id="gacuhe" border="1" height="196" width="238" style="position:absolute;z-index:2;">
<map name="gacuheMap"> -
As tu bien mis style="position:absolute;z-index:2;" dans tes balises img ?
On a posté en meme temps..... -
Pour bien les positioner tu peux utiliser top et left dans l'attribut style.
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Ok
Merci beaucoup car avec certain tuto je m'embarquai dans les css ...
ca roule nikel merci a toi -
De rien mais sache que la balise style permet d'appliquer des proporiétés css à une balise ^^. C'est donc du css. Mais c'est plus propre de le faire avec une feuille de style.
