Superposition image

flibouk Messages postés 93 Date d'inscription   Statut Membre Dernière intervention   -  
JR des cavernes Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   -
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....
A voir également:

6 réponses

JR des cavernes Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   84
 
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...
0
flibouk Messages postés 93 Date d'inscription   Statut Membre Dernière intervention   11
 
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
0
flibouk Messages postés 93 Date d'inscription   Statut Membre Dernière intervention   11
 
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">
0
JR des cavernes Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   84
 
As tu bien mis style="position:absolute;z-index:2;" dans tes balises img ?

On a posté en meme temps.....
0
JR des cavernes Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   84
 
Pour bien les positioner tu peux utiliser top et left dans l'attribut style.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
flibouk Messages postés 93 Date d'inscription   Statut Membre Dernière intervention   11
 
Ok
Merci beaucoup car avec certain tuto je m'embarquai dans les css ...
ca roule nikel merci a toi
0
JR des cavernes Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   84
 
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.
0