Soucis pop up

alastral Messages postés 9 Statut Membre -  
 magichit -
Bonsoir à tous, je viens de parcourir pas mal de site déjà pour résoudre mon soucis mais je n'ai pas vraiment réussi à comprendre comment régler mon problème.
En fait je suis sur la création de mon porte folio et j'aimerais que mes créations actuellement en miniatures soit ouvertes dans des pops up, j'aimerais que lorsque l'on clique sur une miniature mon image : www.imagechack..... ( par exemple ) s'ouvre dans une pop up de la taille de la création.
Merci
Voici mon code:

<!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>
<title>~~ Folio ~~</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#f6f6f6"><br/>
<br/><br/><br/><br/>
<!-- ImageReady Slices (design 2.psd) -->
<table width="901" border="0" align="center" cellpadding="0" cellspacing="0" id="Tableau_01">
<tr>
<td colspan="21">
<img id="folio_01" src="images/folio_01.gif" width="900" height="67" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="67" alt="" /></td>
</tr>
<tr>
<td rowspan="13">
<img id="folio_02" src="images/folio_02.gif" width="109" height="533" alt="" /></td>
<td colspan="4" rowspan="4">
<img id="folio_03" src="images/folio_03.gif" width="170" height="55" alt="" /></td>
<td colspan="16">
<img id="folio_04" src="images/folio_04.gif" width="621" height="5" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="4">
<img id="folio_05" src="images/folio_05.gif" width="134" height="82" alt="" /></td>
<td colspan="3" rowspan="2">
<a href="../home.html"><img src="images/folio_06.gif" alt="" width="119" height="39" border="0" id="folio_06" /></a></td>
<td rowspan="4">
<img id="folio_07" src="images/folio_07.gif" width="10" height="82" alt="" /></td>
<td colspan="4">
<a href="folio.html"><img src="images/folio_08.gif" alt="" width="120" height="37" border="0" id="folio_08" /></a></td>
<td rowspan="4">
<img id="folio_09" src="images/folio_09.gif" width="14" height="82" alt="" /></td>
<td colspan="3">
<a href="../contact/contact.html"><img src="images/folio_10.gif" alt="" width="119" height="37" border="0" id="folio_10" /></a></td>
<td rowspan="12">
<img id="folio_11" src="images/folio_11.gif" width="105" height="528" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="37" alt="" /></td>
</tr>
<tr>
<td colspan="4" rowspan="3">
<img id="folio_12" src="images/folio_12.gif" width="120" height="45" alt="" /></td>
<td colspan="3" rowspan="3">
<img id="folio_13" src="images/folio_13.gif" width="119" height="45" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img id="folio_14" src="images/folio_14.gif" width="119" height="43" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img id="folio_15" src="images/folio_15.gif" width="170" height="32" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="32" alt="" /></td>
</tr>
<tr>
<td rowspan="8">
<img id="folio_16" src="images/folio_16.gif" width="66" height="446" alt="" /></td>
<td colspan="17">
<img id="folio_17" src="images/folio_17.gif" width="551" height="31" alt="" /></td>
<td rowspan="8">
<img id="folio_18" src="images/folio_18.gif" width="69" height="446" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="31" alt="" /></td>
</tr>
<tr>
<td colspan="17">
<img id="folio_19" src="images/folio_19.gif" width="551" height="21" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt="" /></td>
</tr>
<tr>
<td rowspan="6">
<img id="folio_20" src="images/folio_20.gif" width="14" height="394" alt="" /></td>
<td colspan="15">
<img id="folio_21" src="images/folio_21.gif" width="523" height="55" alt="" /></td>
<td rowspan="6">
<img id="folio_22" src="images/folio_22.gif" width="14" height="394" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="55" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img id="folio_23" src="images/folio_23.gif" width="68" height="168" alt="" /></td>
<td colspan="2">
<a href="Signatures/sign.html"><img src="images/folio_24.gif" alt="" width="92" height="92" border="0" id="folio_24" /></a></td>
<td rowspan="2">
<img id="folio_25" src="images/folio_25.gif" width="55" height="168" alt="" /></td>
<td colspan="2">
<a href="wallpaper/wall.html"><img src="images/folio_26.gif" alt="" width="92" height="92" border="0" id="folio_26" /></a></td>
<td colspan="4" rowspan="2">
<img id="folio_27" src="images/folio_27.gif" width="61" height="168" alt="" /></td>
<td colspan="2">
<a href="webdesi/webdesi.html"><img src="images/folio_28.gif" alt="" width="92" height="92" border="0" id="folio_28" /></a></td>
<td colspan="3" rowspan="2">
<img id="folio_29" src="images/folio_29.gif" width="63" height="168" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="92" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img id="folio_30" src="images/folio_30.gif" width="92" height="76" alt="" /></td>
<td colspan="2">
<img id="folio_31" src="images/folio_31.gif" width="92" height="76" alt="" /></td>
<td colspan="2">
<img id="folio_32" src="images/folio_32.gif" width="92" height="76" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="76" alt="" /></td>
</tr>
<tr>
<td colspan="15">
<img id="folio_33" src="images/folio_33.gif" width="523" height="108" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="108" alt="" /></td>
</tr>
<tr>
<td colspan="7" rowspan="2">
<img id="folio_34" src="images/folio_34.gif" width="313" height="63" alt="" /></td>
<td colspan="4">
<a href="../contact/contact.html"><img src="images/folio_35.gif" alt="" width="76" height="14" border="0" id="folio_35" /></a></td>
<td colspan="4" rowspan="2">
<img id="folio_36" src="images/folio_36.gif" width="134" height="63" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img id="folio_37" src="images/folio_37.gif" width="76" height="49" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="49" alt="" /></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="109" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="66" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="68" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="22" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="70" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="55" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="9" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="83" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="30" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="15" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="21" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="71" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="36" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="69" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="105" height="1" alt="" /></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
A voir également:

1 réponse

magichit
 
0