Axel Schneider propose un script pour afficher des images dans un DIV auto-adaptée à la résolution de l'écran.

Vous pouvez télécharger ce script directement ici : lien.

Exemple d'utilisation :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<html>
  <head>
        <script type="text/javascript" src="DV.js"></script>
  </head>
  <body>
 
    <script type="text/javascript">
            var mon_essai_JS = '<img src="http://membres.lycos.fr/nyphel/1.JPG" width="800" height="600" border="0" alt="Cliquez sur cette photo pour la fermer.">'
    </script>
 
    <a href="#" onClick="dv.showDV(mon_essai_JS); return false">lien</a>
 
  </body>
</html>
Le petit problème c'est que l'image n'est plus affichable lorsque le lien vers l'image comporte des espaces ou des caractères spéciaux.

Exemple :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<html>
  <head>
        <script type="text/javascript" src="DV.js"></script>
  </head>
  <body>
 
    <script type="text/javascript">
            var mon_essai_JS = '<img src="http://location.btz.free.fr/visionneuse/photos/01_01_2008 - Mamie [a_grave] la Ciotat/grandes/IMG_1084_vehVyF8unuNv.JPG" width="800" height="600" border="0" alt="Cliquez sur cette photo pour la fermer.">'
    </script>
 
    <a href="#" onClick="dv.showDV(mon_essai_JS); return false">lien</a>
 
  </body>
</html>
J'ai donc contacté l'auteur du script, mais ce dernier n'a pas le temps de s'occuper de ce problème... Aussi je fais appel à votre bon vouloir pour me venir en aide, étant donné que je maitrise bien mal le Javascript.

J'ai tenté d'encoder mon URL, tel que suit, mais cela ne suffit pas :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
http://location.btz.free.fr/visionneuse/photos/01_01_2008%20-%20Mamie%20%5Ba
_grave%5D%20la%20Ciotat/grandes/IMG_1084_vehVyF8unuNv.jpg
Je vous remercie par avance pour votre aide ou vos conseils !