Problème avec un script simple - HTML/CSS - Programmation
Marsh Posté le 09-08-2007 à 16:47:53
Non selon les cas rien ou alors seulement la grande image et je ne peux rien faire dessus
Marsh Posté le 09-08-2007 à 16:48:52
Ce qui est bizarre c que le code source de l'exemple n'est pas vraiment comme ce qui'ils expliquent
Marsh Posté le 09-08-2007 à 16:53:20
LE probleme c'est que tu mélanges un peu tout le JS, la CSS et le HTML , essaie de réorganiser tout ca et fait attention a tes balises (il y a au moins une div fermante en trop...
Marsh Posté le 09-08-2007 à 16:54:48
jbourdellon a écrit : LE probleme c'est que tu mélanges un peu tout le JS, la CSS et le HTML , essaie de réorganiser tout ca et fait attention a tes balises (il y a au moins une div fermante en trop... |
Je vais voir pour la div mais pour le reste c juste le code déjà mis quand je crée ma page, j'ai pas mis de CSS
Marsh Posté le 09-08-2007 à 16:56:53
jbourdellon a écrit : LE probleme c'est que tu mélanges un peu tout le JS, la CSS et le HTML , essaie de réorganiser tout ca et fait attention a tes balises (il y a au moins une div fermante en trop... |
J'ai supprimé la div en trop ici :
<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>
Mais ça ne change rien au problème
Marsh Posté le 09-08-2007 à 17:35:07
Code :
|
Marsh Posté le 09-08-2007 à 17:37:31
ReplyMarsh Posté le 09-08-2007 à 17:41:06
jbourdellon a écrit :
|
Génial !!! Ca marche, grand grand merci !!!!
Marsh Posté le 09-08-2007 à 17:42:14
A voir ici : http://perso.orange.fr/karine.web/ [...] _test.html
Marsh Posté le 09-08-2007 à 16:15:58
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