Problème avec un script simple

Problème avec un script simple - HTML/CSS - Programmation

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

Reply

Marsh Posté le 09-08-2007 à 16:15:58   

Reply

Marsh Posté le 09-08-2007 à 16:44:50    

Mais c quoi ton probléme ?
 
Rien rien s'affiche ?

Reply

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

Reply

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

Reply

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...

Reply

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

Reply

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

Reply

Marsh Posté le 09-08-2007 à 17:29:26    

tu as une page en ligne pour voir ?

Reply

Marsh Posté le 09-08-2007 à 17:34:05    

je te prépares ça attends

Reply

Marsh Posté le 09-08-2007 à 17:35:07    

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Document sans nom</title>
  6. <style type="text/css">
  7. <!-
  8. body {
  9. background-color: #808080;
  10. }
  11. #img {
  12. cursor:crosshair;
  13. width:917px;
  14. height:657px;
  15. background: url('images/nozoom.jpg') no-repeat
  16. }
  17. ->
  18. </style>
  19. <script type="text/javascript" src="scripts/zoom.js"></script>
  20. </head>
  21. <body>
  22. <div id="img">
  23. <img src="images/nozoom.jpg" alt="prechargement" style="display:none" />
  24. </div>
  25. <script type="text/javascript">init("img","images/zoom.jpg",2,150);</script>
  26. </body>
  27. </html>

Message cité 1 fois
Message édité par jbourdellon le 09-08-2007 à 17:35:21
Reply

Marsh Posté le 09-08-2007 à 17:35:07   

Reply

Marsh Posté le 09-08-2007 à 17:37:31    

Reply

Marsh Posté le 09-08-2007 à 17:41:06    

jbourdellon a écrit :

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Document sans nom</title>
  6. <style type="text/css">
  7. <!-
  8. body {
  9. background-color: #808080;
  10. }
  11. #img {
  12. cursor:crosshair;
  13. width:917px;
  14. height:657px;
  15. background: url('images/nozoom.jpg') no-repeat
  16. }
  17. ->
  18. </style>
  19. <script type="text/javascript" src="scripts/zoom.js"></script>
  20. </head>
  21. <body>
  22. <div id="img">
  23. <img src="images/nozoom.jpg" alt="prechargement" style="display:none" />
  24. </div>
  25. <script type="text/javascript">init("img","images/zoom.jpg",2,150);</script>
  26. </body>
  27. </html>



 
 
 
Génial !!! Ca marche, grand grand merci !!!!

Reply

Marsh Posté le 09-08-2007 à 17:42:14    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed