Bonjour,
Je vaisessayer d'etre plus claire sur mon problème ...
Je souhaite pouvoir obtenir lorsque je clique sur une photo en miniature, l'ouverture dans une fenetre en mode pop up
un page ou vigure le tire de la photo et la photo dans son format d'origine...
J'utilise Dreamweaver et un cadre de positionnement ( en pointillé) qui permet de donner un cohérance dans la présentation de mes mini photos.
pour obtenir l'ouverture en mode Pop up j'utilise l'instrution suivante :
<script language="JavaScript">
<!--
onclick=window.open("http://localhost/liftski/images_telecabines/la_clusaz/balme_1.php","","toolbar=no,location=no,directories=no,status=no,resizable=no,copyhistory=no,menubar=no")
if(document.all)
{
//-->
</script>
mais pour que cela se face je doit mettre cette instruction dans une page diférente qui me sert de l'ancement pour l'ouverture en mode pou pu de ma page qui contient la photo en taille réelle, or je n'arrive pas a pouvoir suprimer la page de lancement, ce qui me permetterai de pouvoir obtenir l'ouverture en pop up de la page avec la photo taielle réelle ....
et je ne sais pas comment placer cette fonction dans ma page de préserntation... Je met le script de ma page en dessous :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<body class="std" oncontextmenu="return false" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" >
<html><!-- InstanceBegin template="/Templates/principale.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Télécabines</title>
<!-- InstanceEndEditable --><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #2D6C93;
}
.Style2 {color: #FFFFFF; font-size: 36px;}
.Style3 {
color: #FF0000;
font-weight: bold;
}
.Style8 {font-size: 25px}
.Style9 {color: #FFFFFF; font-size: 25px; }
.Style11 {font-size: 20px; color: #FF0000;}
.Style13 {font-size: 15px}
.Style14 {color: #FFFFFF; font-size: 15px; }
.Style17 {color: #FFFFFF; font-size: 25px; font-weight: bold; }
.Style18 {color: #FF0000}
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #2D6C93;
}
a:link {
text-decoration: none;
color: #FFFFFF;
}
a:visited {
text-decoration: none;
color: #FF0000;
}
a:hover {
text-decoration: none;
color: #33FF00;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
.Style11 {color: #00FF00}
.Style11 {font-family: Sylfaen}
.Style5 {color: #FFFFFF}
.Style17 {color: #0000CC}
.Style18 {font-size: 20px; color: #FF0000;}
.Style18 {color: #00FF00}
.Style18 {font-family: Sylfaen}
.Style19 {font-size: 20px; color: #FF0000;}
.Style19 {color: #00FF00}
.Style19 {font-family: Sylfaen}
.Style20 {font-size: 20px; color: #FF0000;}
.Style20 {color: #00FF00}
.Style20 {font-family: Sylfaen}
.Style24 {
color: #0000CC;
font-size: 15px;
font-weight: bold;
}
.Style25 {color: #0000CC; font-size: 15px; }
-->
</style>
<!-- InstanceEndEditable -->
</head>
<body>
<!-- InstanceBeginEditable name="principale_us" -->
<div align="center">
<script language="JavaScript">
//-->
</script>
<p> </p>
<p><strong><span class="Style2">Télécabines</span></strong> </p>
<table width="83%" height="114%" border="0" align="center" cellpadding="0" cellspacing="10" id="tableau Télécabines">
<tr>
<td width="20%" height="165"><div align="center">
<p class="Style11"><img src="../images_telecabines/la_clusaz/photos_balme/mini_balme_4.jpg" width="124" height="165"></p>
</div></td>
<td width="20%"><div align="center"><span class="Style11"><img src="../images_telecabines/la_clusaz/photos_beauregard/mini_beauragard_8.jpg" width="124" height="165"></span></div></td>
<td width="20%"><div align="center"><img src="../images_telecabines/chamonix/photos_bochard/mini_bochard_8.jpg" width="124" height="165"></div></td>
<td width="20%"><div align="center"><img src="../images_telecabines/chamonix/photos_charamillon/mini_charamillon_7.jpg" width="124" height="165"></div></td>
<td width="20%"><div align="center"><img src="../images_telecabines/valloire/photos_brive/mini_cret_de_la_brive_7.jpg" width="124" height="165" border="0"></div></td>
</tr>
<tr>
<td height="102" align="center" valign="middle"><div align="center">
<p><strong><span class="Style5"><a href="../pages_telecabines/balme.php">Balme</a></span></strong></p>
<p class="Style24">à la Clusaz</p>
</div></td>
<td align="center" valign="middle" nowrap><div align="center">
<p><strong><span class="Style5"><a href="../pages_telecabines/beauregard.php">Beauregard </a></span></strong></p>
<p><strong><span class="Style25">à </span></strong><span class="Style25"><strong>la Clusaz</strong></span></p>
</div></td>
<td align="center" valign="middle"><div align="center">
<p class="Style3 Style5"><a href="../pages_telecabines/bochard.php">Bochard</a></p>
<p class="Style24">à Chamonix </p>
</div></td>
<td align="center" valign="middle"><div align="center">
<p class="Style3"><a href="../pages_telecabines/charamillon.php">Charamillon </a></p>
<p class="Style24">à Chamonix</p>
</div></td>
<td align="center" valign="middle"><div align="center">
<p><strong><span class="Style5"><a href="../pages_telecabines/brive.php">Cret de la Brive </a></span></strong></p>
<p class="Style24">à Valloire</p>
</div></td>
</tr>
<tr>
<td width="20%" height="165"><div align="center"><img src="../images_telecabines/la_clusaz/photos_fernuy/mini_fernuy_1.jpg" width="124" height="165"></div></td>
<td><div align="center"><img src="../images_telecabines/lelex/photos_fiernay/mini_fiernay_4.jpg" width="124" height="165"></div></td>
<td><div align="center">
<p class="Style3"><img src="../images_telecabines/samoens/photos_du_grand_massif_express/mini_grandmassifexpress_9.jpg" width="124" height="165"></p>
</div></td>
<td><div align="center"><img src="../images_telecabines/contamines/la_gorge/photos_la_gorge/mini_gorge_8.jpg" width="124" height="165"></div></td>
<td><div align="center">
<p><img src="../images_telecabines/grand_bornand/photos_joyere/mini_joyere_2.jpg" width="124" height="165"></p>
</div></td>
</tr>
<tr align="center" valign="top">
<td height="102" valign="middle"><p><strong><span class="Style5"><a href="../pages_telecabines/fernuy.php">Fernuy</a></span></strong></p>
<p class="Style24">à la Clusaz</p></td>
<td valign="middle"><p class="Style3 Style5"><a href="../pages_telecabines/fiernay.php">Fiernay</a></p>
<p class="Style24">à Crozet </p></td>
<td valign="middle"><p><strong><span class="Style5"><a href="../pages_telecabines/g_m_express.php">G.M Express</a></span></strong></p>
<p><strong><span class="Style24">à Samoens </span></strong></p></td>
<td valign="middle"><p><strong><span class="Style5"><a href="../pages_telecabines/la_gorge.php">La Gorge</a></span></strong></p>
<p><strong><span class="Style24">aux Contamines </span></strong></p></td>
<td valign="middle"><p class="Style3"><a href="../pages_telecabines/la_joyere.php">La Joyère</a></p>
<p class="Style24">au Grand Bornand</p></td>
</tr>
<tr align="center" valign="top">
<td height="159" valign="middle"><img src="../images_telecabines/menuires/photos_la_masse_1/mini_lamasse1_7.jpg" width="124" height="165"></td>
<td valign="middle"><img src="../images_telecabines/la_clusaz/photos_la_patinoire/mini_la_patinoire_4.jpg" width="124" height="165"></td>
<td valign="middle"><span class="Style18"><img src="../images_telecabines/megeve/photos_la_princesse/mini_princesse_13.jpg" width="124" height="165"></span></td>
<td valign="middle"><span class="Style19"><img src="../images_telecabines/aux_houches/photos_prarion/mini_prarion_1.jpg" width="124" height="165"></span></td>
<td valign="middle"><img src="../images_telecabines/menuires/photos_bruyeres/mini_bruyeres_4.jpg" width="124" height="165"></td>
</tr>
<tr align="center" valign="top">
<td height="105" valign="middle"><div align="center">
<p><strong><span class="Style5"><a href="../pages_telecabines/masse_1.php">La Masse 1</a> </span></strong></p>
<p><strong><span class="Style24">aux Ménuires </span></strong></p>
</div></td>
<td valign="middle"><div align="center">
<p><strong><span class="Style5"><a href="../pages_telecabines/la_patinoire.php">La Patinoire</a> </span></strong></p>
<p><strong><span class="Style24"> à la Clusaz </span></strong></p>
</div></td>
<td valign="middle"><div align="center">
<p><strong><span class="Style5"><a href="../pages_telecabines/la_princesse.php" target="_self">La Princesse</a></span></strong></p>
<p><strong><span class="Style24">à Mégève</span></strong></p>
</div></td>
<td valign="middle"><div align="center">
<p><strong><span class="Style5"><a href="../pages_telecabines/le_prarion.php">Le Prarion</a> </span></strong></p>
<p><strong><span class="Style24">aux Houches </span></strong></p>
</div></td>
<td valign="middle"><div align="center">
<p class="Style3 Style5"><a href="../pages_telecabines/bruyeres.php">Les Bruyères</a> </p>
<p class="Style24">aux Ménuires </p>
</div></td>
</tr>
<tr align="center" valign="top">
<td height="105" valign="middle"><img src="../images_telecabines/courchevel/photos_chenus/mini_chenus_9.jpg" width="124" height="165"></td>
<td valign="middle"><img src="../images_telecabines/morillon/photos_les_esserts/mini_esserts_3.jpg" width="124" height="165"></td>
<td valign="middle"><img src="../images_telecabines/courchevel/photos_grangettes/mini_grangettes_10.jpg" width="124" height="165"></td>
<td valign="middle"><span class="Style20"><img src="../images_telecabines/samoens/photos_les_saix/mini_saix_5.jpg" width="124" height="165"></span></td>
<td valign="middle"><img src="../images_telecabines/megeve/photos_mont_d_arbois/mini_mont_d_arbois_4.jpg" width="124" height="165"></td>
</tr>
<tr align="center" valign="top">
<td height="105" valign="middle"><p><strong><span class="Style5"><a href="../pages_telecabines/les_chenus.php">Les Chenus</a></span></strong></p>
<p><span class="Style24">à Courchevel</span></p>
</td>
<td valign="middle"><p class="Style3"><a href="../pages_telecabines/les_esserts.php">Les Esserts</a></p>
<p class="Style24">à Morillon </p></td>
<td valign="middle"><p class="Style3"><a href="../pages_telecabines/les_grangettes.php">Les Grangettes </a></p>
<p class="Style24">à Courchevel</p></td>
<td valign="middle"><p><strong><span class="Style5"><a href="../pages_telecabines/les_saix.php">Les Saix</a></span></strong></p>
<p><strong><span class="Style25"> à Samoens</span></strong></p></td>
<td valign="middle"><p><strong><span class="Style5"><a href="../pages_telecabines/mont_d_arbois.php">Mont d'Arbois</a> </span></strong></p>
<p><strong><span class="Style25"> à Megève </span></strong></p></td>
</tr>
<tr align="center" valign="top">
<td height="105" valign="middle"><img src="../images_telecabines/la_faucille/photos_mont_rond/mini_mont_rond_1.jpg" width="124" height="165"></td>
<td valign="middle"><img src="../images_telecabines/chamonix/photos_planpraz/mini_planpraz_1.jpg" width="124" height="165"></td>
<td valign="middle"><img src="../images_telecabines/courchevel/photos_praz/mini_praz_9.jpg" width="124" height="166"></td>
<td valign="middle"><img src="../images_telecabines/grand_bornand/photos_rosay/mini_rosay_1.jpg" width="124" height="165"></td>
<td valign="middle"><img src="../images_telecabines/courchevel/photos_verdons/mini_verdons_6.jpg" width="124" height="165"></td>
</tr>
<tr align="center" valign="top">
<td height="105" valign="middle"><p><strong><span class="Style5"><a href="../pages_telecabines/mont_rond.php">Mont Rond </a></span></strong></p>
<p><strong><span class="Style24"> à la Faucille </span></strong></p></td>
<td valign="middle"><p class="Style3"><a href="../pages_telecabines/planpraz.php">Planpraz</a></p>
<p class="Style24">à Chamonix </p></td>
<td valign="middle"><p class="Style3"><a href="../pages_telecabines/praz.php">Praz</a></p>
<p class="Style24">à Couchevel </p></td>
<td valign="middle"><p class="Style3"><a href="../pages_telecabines/rosay.php">Rosay</a></p>
<p class="Style24">au Grand Bornand </p></td>
<td valign="middle"><p class="Style3 Style5"><a href="../pages_telecabines/verdons.php">Verdons</a></p>
<p class="Style24">à Courchevel </p></td>
</tr>
</table>
</div>
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd --></html>
Merci pour votre aide !!
rem78