sur dreamweaver mx j'ai composé une galerie photo à droite de la page, et je ne sais franchement pas comment faire apparaitre une photo juste en cliquant dessus sur le calque de gauche? merci pours vos conseils.
dreamweaver et moi
- Créateur du sujet salamèche
- Date de début
oui je suppose que c'est le mot, je voudrais ouvrir des images agrandies de mes vignettes qui sont à droite de la page sur un espace libre situé à gauche.
le code oui mais à quel endroit?
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>écrivains</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
a:link {
color: #EEEEEE;
}
a:visited {
color: #3366FF;
}
a:hover {
color: #EEEEEE;
}
a:active {
color: #0033FF;
}
-->
</style></head>
<body>
<table width="296" height="586">
<tr>
<td width="103" height="156"><img src="thumbnails/Dard%201998_JPG.jpg" width="97" height="100"></td>
<td width="100"><img src="vignettes/Marc%20Ferro17%20vignette.jpg" width="64" height="100"></td>
<td width="113"><a href="auteurs/Marcus%20Malte.JPG" target="_top"><img src="thumbnails/Marcus%20Malte_JPG.jpg" width="66" height="100" border="0" lowsrc="auteurs/Marcus%20Malte.JPG"></a></td>
</tr>
<tr>
<td><img src="thumbnails/Fajardie_JPG.jpg" width="100" height="70"></td>
<td><img src="thumbnails/Mac%20Donald%20Gregory%20_JPG.jpg" width="100" height="100"></td>
<td><img src="thumbnails/Laura%20Conti_JPG.jpg" width="68" height="100"></td>
</tr>
<tr>
<td><img src="Malek%20Chebel13.jpg" width="67" height="102"></td>
<td><img src="RomainSlocombe42vignette.jpg" width="67" height="102"></td>
<td><img src="auteurs/Camillieri%20.JPG" width="68" height="100"></td>
</tr>
<tr>
<td><img src="thumbnails/Salvaire%20Lydie_JPG.jpg" width="100" height="66"></td>
<td><img src="DSC_0015.jpg" width="64" height="100"></td>
<td><img src="thumbnails/Seigneur%20Olivier_JPG.jpg" width="64" height="100"></td>
</tr>
</table>
<div id="Layer1" style="position:absolute; width:381px; height:575px; z-index:1; left: 456px; top: 21px;" lowsrc="auteurs/Marcus Malte.JPG"></div>
<p> </p>
<p> </p>
</body>
</html>
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>écrivains</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
a:link {
color: #EEEEEE;
}
a:visited {
color: #3366FF;
}
a:hover {
color: #EEEEEE;
}
a:active {
color: #0033FF;
}
-->
</style></head>
<body>
<table width="296" height="586">
<tr>
<td width="103" height="156"><img src="thumbnails/Dard%201998_JPG.jpg" width="97" height="100"></td>
<td width="100"><img src="vignettes/Marc%20Ferro17%20vignette.jpg" width="64" height="100"></td>
<td width="113"><a href="auteurs/Marcus%20Malte.JPG" target="_top"><img src="thumbnails/Marcus%20Malte_JPG.jpg" width="66" height="100" border="0" lowsrc="auteurs/Marcus%20Malte.JPG"></a></td>
</tr>
<tr>
<td><img src="thumbnails/Fajardie_JPG.jpg" width="100" height="70"></td>
<td><img src="thumbnails/Mac%20Donald%20Gregory%20_JPG.jpg" width="100" height="100"></td>
<td><img src="thumbnails/Laura%20Conti_JPG.jpg" width="68" height="100"></td>
</tr>
<tr>
<td><img src="Malek%20Chebel13.jpg" width="67" height="102"></td>
<td><img src="RomainSlocombe42vignette.jpg" width="67" height="102"></td>
<td><img src="auteurs/Camillieri%20.JPG" width="68" height="100"></td>
</tr>
<tr>
<td><img src="thumbnails/Salvaire%20Lydie_JPG.jpg" width="100" height="66"></td>
<td><img src="DSC_0015.jpg" width="64" height="100"></td>
<td><img src="thumbnails/Seigneur%20Olivier_JPG.jpg" width="64" height="100"></td>
</tr>
</table>
<div id="Layer1" style="position:absolute; width:381px; height:575px; z-index:1; left: 456px; top: 21px;" lowsrc="auteurs/Marcus Malte.JPG"></div>
<p> </p>
<p> </p>
</body>
</html>
j'ajoute que je n'ai jamais fait ça, je me suis contenté dans le passé de créer des pages pour chaque images sur dream 4, là je fais connaissance avec Dream 7
Sujets similaires
