Bonjour !

J'aimerai afficher un listing des oeuvres dans un 1er cadre et lorsque je clique sur une des oeuvres alors le visuel de cette dernière s'affiche dans le cadre à côté. Sur papier le principe est simple mais je n'ai aucune idée de la manière dont cela pourrait être réalisable. Est-ce faisable ? Auriez vous un chemin à m'indiquer ?

Merci d'avance

Oli

http://194.146.227.42/glixer/Numea/SiteN/galerie.htm

galerie.htm
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
<head>
<title>La Galerie</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<body bgcolor="#000000">
<div id="anti">
<img src="img/anti.gif" title="Giorgio l'antiquaire">
</div>
<div id="tgal">
<img src="img/tgal.jpg" title="La Galerie">
</div>
[b]<div class="listing">[/b]
<p class="galerie">
Oeuvre 1
<br/><br/>
Oeuvre 2
<br/><br/>
[...]
</p>
[b]</div>[/b]
[b]<div class="visuel">
</div>[/b]
</body>
</html>
style.css
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
.listing
{
width:300px;
height:300px;
margin-top:200px;
margin-left:50px;
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
position:absolute;
border-left: 3px solid #3B0962;
border-top: 3px solid #3B0962;
border-bottom: 3px solid #3B0962;
border-right: 3px solid #3B0962;
overflow:auto;
}
.visuel
{
width:300px;
height:300px;
margin-top:200px;
margin-left:450px;
position:absolute;
border-left: 3px solid #3B0962;
border-top: 3px solid #3B0962;
border-bottom: 3px solid #3B0962;
border-right: 3px solid #3B0962;
overflow:auto;
}