positionnement dynamique d'une image sur une autre

**j.p.mignot** · 30/12/2007, 09h49

Voila ce dont il est question

j'ai une carte d'un lieu (non affichée)
j'ai une petite image du genre pointer (non affichée)
j'ai une série de photos (ou de noms de lieux) qui sont affichés sur ma page WEB

Problème:

Je souhaiterais, sur un click sur l'une des images présentes ( ou sur un nom ), présenter la carte avec le pointeur à la bonne position puis de là, disposer d'un moyen pour revenir me pointer sur la page d'origine et sur la bonne photo.

Comment puis-je aborder ce problème?

Merci de vos réponses.

**j.p.mignot** · 30/12/2007, 11h14

En fait j'ai ( peut-être) un début de solution:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#MAP_ {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
}
-->
</style>
</head>

<body>
<div id="MAP_">
	<!-- 
			Création d'1 table de taille 800X 600 2 lignes 2 colonnes, 
				bodure=0 => ne pas voir les séparations
				mettre la carte comme image de fond
	-->
	<table 			
					width		=	"800" 
					height		=	"600" 					
					border		=	"0" 
					align		=	"center" 					
					background	=	"Images/MaCarte.jpg"
	>
		<!-- 1er ligne Hauteur 400 Pixels -->
  		<tr height="400">
			<!-- colonne 1 width = 600 -->
			<td width="600" >		  		
				</td>
			<!-- colonne 2 : le reste soit 200 pixels -->
		    <td width="200">
  		  		</td>
	  		</tr>
		<!-- 2eme ligne -->	
  		<tr>
			<!-- 1er colonne -->
    		<td>		  			
				</td>
			<!-- 2enne colonne de hauteure 234 pixels. On y force de + l'écriture Haut, Gaughe -->
			<td height="234" align="left" valign="top">
				<!-- Mise de l'image à supperposer -->
				<img src="Images/MonPointer.jpg" alt=" " width="64" height="64" top="0" left="0" />
				</td>
			 </tr>
	  	</table>
	</div>
</body>
</html>

J'ai créé une table 800X600 contenant 4 cellules
M(0,0), M(0,1), M(1,0) & M(1,1)
propriété border =0 => cadre de la table non vu
L'allignement de M(1,1) est Top, Left
M(1,1) contient mon pointeur qui se met donc en haut et à gauche de M(1,1)

Il y a bien supperposition de mes 2 images.

Problème:
Comment changer dynamiquement les largeurs et colones du tableau
pour déplacer le pointeur.

Merci pour vos réactions remarques ( et solutions ! )

positionnement dynamique d'une image sur une autre

Dreamweaver

Discussions similaires

Partager

Partager