J'ai trouvé un petit scrit sympa ici : http://www.developpement-web.net/a [...] age_loupe/
Mais je suis pas fichu de le mettre en oeuvre, Grrrrr, j'ai essayé plein de solutions notamment en allant voir la source de l'exemple mais je n'y arrive toujours pas.
Voilà le code le plus approchant de ce qui est donné sur le 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
background-color: #808080;
}
-->
</style>
<script type="text/javascript" src="../scripts/zoom.js"></script>
</head>
<body>
<div id="img"></div>
#img {
cursor:crosshair;
width:917px;
height:657px;
background: url('../images/page3.jpg') no-repeat
}
<img src="../images/page3_zoom.jpg" alt="prechargement" style="display:none" />
</div>
<script type="text/javascript">init("img","../images/page3_zoom.jpg",2,150);</script>
</body>
</html>
J'ai vérifié à plusieurs reprise que le chemin et le nom de mes fichiers étaient bon donc déjà je pense pas que le problème viennent de là.
Si quelqu'une pouvait m'éclairer
Merci
Karine