[Dojo] Lightbox : images absentes

Lightbox : images absentes

Bonjour,

Je suis en train de mettre en place une lightbox avec Dojo, à partir de cet article : http://mymemoryleaks.blogspot.com/20...x-test_17.html

Mais j'ai un problème, les boutons flèches et fermer n'apparaissent pas, LiveHTTPheader de Firefox ne me relève rien, ni l'outil de debug de dojo.

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!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>
<!-- début lightbox code -->
   <style type="text/css">  
       @import "dojo-release-1.2.2/dijit/themes/tundra/tundra.css";  
       @import "dojo-release-1.2.2/dojox/image/resources/image.css";  
   </style>
<script type="text/javascript" src="dojo-release-1.2.2/dojo/dojo.js" djConfig="parseOnLoad:true, isDebug:false"></script>
<script language='javascript' type='text/javascript'>
      dojo.require("dojox.image.Lightbox");
    </script>
<!-- fin lightbox code -->
</head>
 
<body>
<p><a title='Cliquez sur le bouton &gt; pour passer à la suite.' group='plants' dojotype='dojox.image.Lightbox' href='http://www.lokeshdhakar.com/projects/lightbox2/images/image-3.jpg'><img height='40' width='100' alt='image 1 sur 3' src='http://www.lokeshdhakar.com/projects/lightbox2/images/thumb-3.jpg'/></a>
 
    <a title='Sinon utilisez la flèche droite de votre clavier.' group='plants' dojotype='dojox.image.Lightbox' href='http://www.lokeshdhakar.com/projects/lightbox2/images/image-4.jpg'><img height='40' width='100' alt='image 2 sur 3 ' src='http://www.lokeshdhakar.com/projects/lightbox2/images/thumb-4.jpg'/></a>
 
    <a title='Utilisez la touche Echap pour quitter.' group='plants' dojotype='dojox.image.Lightbox' href='http://www.lokeshdhakar.com/projects/lightbox2/images/image-6.jpg'><img height='40' width='100' alt='image 3 sur 3' src='http://www.lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg'/></a></p>
</body>
</html>

Si vous avez une idée, je suis preneur !
Merci :)

probablement un problème de path ;)

Ben c'est ce que je pensais, mais les 2 feuilles de styles sont bien importées, ainsi que dojo.js ...
Les chemins sont identiques, non franchement si c'est un problème de path, je le vois pas.

Je pense que le_chomeur te parlais d'un problème de path pour les images. ;)

a savoir que si les paths sont appelés depuis les fichiers externalisés il me semble qu'ils doivent êtres relatifs aux fichiers externes ...

euh, sauf grosse incompréhension de ma part, les flèches et le bouton fermer sont gérées par la lightbox de dojo + css. Dans mon code html je ne les appelles pas.
Si c'est bien un problème de path, c'est Dojo qui ne va pas les chercher où il faut. Mais je doute que cela vienne de là, LiveHTTPheader ne me donne aucune erreur 404 :(

Je sèche ...

Enfin trouvé :D
C'était un problème de CSS. Avec ceci, ça marche :

Code:

<body class='tundra'>

Merci de votre aide en tout cas !