Zoom sur image quand clic de souris
Caro
-
meriem -
meriem -
Bonjour,
Je suis à la recherche du code qui pourrait me permettre de faire un zoom sur des images inclues dans un tableau quand je clique avec la souris dessus. J'ai déjà trouvé pas mal de codes sur le net mais je n'y comprends rien, notamment sur l'endroit ou je dois les placer (Désolée, mon niveau en info est tel que je suis comme une aveugle à la recherche d'un guide). Je bosse sous Dreamweaver CS.
Merci pour votre aide, c'est urgent.
Voici un extrait de mon site:
<!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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Bienvenue sur mon site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mm_spa.css" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #000000;
background-image: url(Cadre007b.jpg);
}
.Style1 {
color: #FFFF00;
font-size: x-large;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}
.Style2 {color: #FFFF00}
.Style3 {
color: #FF9900;
font-family: Georgia, "Times New Roman", Times, serif;
}
.Style4 {color: #FF9900; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
-->
</style>
</head>
<body>
<img src="mm_spacer.gif" alt="" width="50" height="1" border="0" />
<table width="1406" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#FF9900">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#FF080E">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr bgcolor="#FF9900">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#FF080E">
<td colspan="6" bgcolor="#000000"><img src="mm_spacer.gif" alt="" width="1" height="18" border="0" /><img src="Logo du site.jpg" width="1404" height="330" /></td>
</tr>
<tr bgcolor="#FF9900">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#FF080E">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr bgcolor="#FF9900">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td width="198" valign="top" bgcolor="#000000" id="navborder"><br />
<table border="0" cellspacing="0" cellpadding="0" width="221" id="navigation">
<tr>
<td width="177"><blockquote><span class="Style4">OBJETS1</span></blockquote></td>
</tr>
<tr>
<td width="177"><blockquote>
<p><a href="javascript:;" class="navText"><span class="Style4">OBJETS2</span></a></p>
</blockquote></td>
</tr>
<tr>
<td width="177"><blockquote>
<p><a href="javascript:;" class="navText"><span class="Style4">OBJETS3</span></a></p>
</blockquote></td>
</tr>
<tr>
<td width="177"><blockquote>
<p><a href="javascript:;" class="navText">CLASSES</a></p>
</blockquote></td>
</tr>
<tr>
<td width="177"><blockquote>
<p><a href="javascript:;" class="navText Style2">CONTACT</a></p>
</blockquote></td>
</tr>
</table> </td>
<td width="4" bgcolor="#000000"> </td>
<td width="949" valign="top" bgcolor="#000000"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="945">
<tr>
<td width="879" class="pageName"><p align="center" class="Style1">Nos Tapis</p>
<table border="0" cellspacing="0" cellpadding="2" width="945">
<tr>
<td colspan="7" class="pageName">EMPLACEMENT DU NOM DE LA PAGE</td>
</tr>
<tr>
<td width="22%" height="110"><img src="image1.jpg" alt="Sac SK0001" width="248" height="191" border="0"/></td>
<td> </td>
<td width="22%" height="110"><img src="image2.jpg" alt="small product photo" width="110" height="110" border="0" /></td>
<td> </td>
<td width="22%" height="110"><img src="image3.jpg" alt="small product photo" width="110" height="110" border="0" /></td>
<td> </td>
<td width="22%" height="110"><img src="image4.jpg" alt="small product photo" width="110" height="110" border="0" /></td>
</tr>
Encore merci !
Je suis à la recherche du code qui pourrait me permettre de faire un zoom sur des images inclues dans un tableau quand je clique avec la souris dessus. J'ai déjà trouvé pas mal de codes sur le net mais je n'y comprends rien, notamment sur l'endroit ou je dois les placer (Désolée, mon niveau en info est tel que je suis comme une aveugle à la recherche d'un guide). Je bosse sous Dreamweaver CS.
Merci pour votre aide, c'est urgent.
Voici un extrait de mon site:
<!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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Bienvenue sur mon site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mm_spa.css" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #000000;
background-image: url(Cadre007b.jpg);
}
.Style1 {
color: #FFFF00;
font-size: x-large;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}
.Style2 {color: #FFFF00}
.Style3 {
color: #FF9900;
font-family: Georgia, "Times New Roman", Times, serif;
}
.Style4 {color: #FF9900; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
-->
</style>
</head>
<body>
<img src="mm_spacer.gif" alt="" width="50" height="1" border="0" />
<table width="1406" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#FF9900">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#FF080E">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr bgcolor="#FF9900">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#FF080E">
<td colspan="6" bgcolor="#000000"><img src="mm_spacer.gif" alt="" width="1" height="18" border="0" /><img src="Logo du site.jpg" width="1404" height="330" /></td>
</tr>
<tr bgcolor="#FF9900">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#FF080E">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr bgcolor="#FF9900">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td width="198" valign="top" bgcolor="#000000" id="navborder"><br />
<table border="0" cellspacing="0" cellpadding="0" width="221" id="navigation">
<tr>
<td width="177"><blockquote><span class="Style4">OBJETS1</span></blockquote></td>
</tr>
<tr>
<td width="177"><blockquote>
<p><a href="javascript:;" class="navText"><span class="Style4">OBJETS2</span></a></p>
</blockquote></td>
</tr>
<tr>
<td width="177"><blockquote>
<p><a href="javascript:;" class="navText"><span class="Style4">OBJETS3</span></a></p>
</blockquote></td>
</tr>
<tr>
<td width="177"><blockquote>
<p><a href="javascript:;" class="navText">CLASSES</a></p>
</blockquote></td>
</tr>
<tr>
<td width="177"><blockquote>
<p><a href="javascript:;" class="navText Style2">CONTACT</a></p>
</blockquote></td>
</tr>
</table> </td>
<td width="4" bgcolor="#000000"> </td>
<td width="949" valign="top" bgcolor="#000000"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="945">
<tr>
<td width="879" class="pageName"><p align="center" class="Style1">Nos Tapis</p>
<table border="0" cellspacing="0" cellpadding="2" width="945">
<tr>
<td colspan="7" class="pageName">EMPLACEMENT DU NOM DE LA PAGE</td>
</tr>
<tr>
<td width="22%" height="110"><img src="image1.jpg" alt="Sac SK0001" width="248" height="191" border="0"/></td>
<td> </td>
<td width="22%" height="110"><img src="image2.jpg" alt="small product photo" width="110" height="110" border="0" /></td>
<td> </td>
<td width="22%" height="110"><img src="image3.jpg" alt="small product photo" width="110" height="110" border="0" /></td>
<td> </td>
<td width="22%" height="110"><img src="image4.jpg" alt="small product photo" width="110" height="110" border="0" /></td>
</tr>
Encore merci !
A voir également:
- Zoom sur image quand clic de souris
- Comment activer le pavé tactile sans souris - Guide
- Clic droit sans souris - Forum Windows 10
- Image iso - Guide
- Image de manchots sur une image de plage. - Forum Graphisme
- Clic gauche souris ne fonctionne plus ✓ - Forum Windows 10
