2010-06-22 21 views
0

J'essaie d'utiliser Lightbox avec mon application CodeIgniter. Lightbox dit de mettre ce qui suit dans la balise head:en utilisant lightbox avec l'allumeur de code

<script type="text/javascript" src="js/prototype.js"></script> 
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="js/lightbox.js"></script> 
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 

j'avais déjà un dossier js et un dossier css, donc je mets les js et les dossiers css qui sont venus avec lightbox dans les mes js et dossier css. J'ai changé les 3 balises de script et les balises de lien vers:

<script type="text/javascript" src="js/js/prototype.js"></script> 
<script type="text/javascript" src="js/js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="js/js/lightbox.js"></script> 
<link rel="stylesheet" href="css/css/lightbox.css" type="text/css" media="screen" /> 

(ajouté le/js et/css)

dans le fichier de vue je

<a href="http://www.doublediamondllc.com/uploaded/portfolio/<?php echo $row->Thumb;?>" rel="lightbox"><img name="<?php echo $row->Thumb;?>" src="http://www.doublediamondllc.com/uploaded/portfolio/thumbs/<?php echo $row->Thumb;?>" alt=""></a> 

Affiche la version miniature, et quand on clique dessus, je veux qu'il aille dans la visionneuse, mais maintenant il passe à un nouvel onglet avec la grande image. J'ai déjà utilisé Lightbox auparavant et je l'ai toujours mis au travail, je ne suis pas vraiment sûr de ce que le problème est maintenant, et j'ai essayé de déplacer les fichiers tout autour de différents endroits, mais rien n'a fonctionné.

Merci d'avance!

Répondre

1

Il semble que le .js ne soit pas chargé correctement. Essayez d'utiliser Firebug et vérifiez si des erreurs apparaissent. Vous pouvez également vérifier les liens dans la source de la page et assurez-vous qu'ils pointent correctement vers les fichiers jbox de la visionneuse. Si vous utilisez Firefox, affichez la source; les liens vers les fichiers js doivent apparaître sous forme de liens cliquables; cliquez sur eux et assurez-vous que le fichier js apparaît, et pas une erreur 404 ou une autre. Sinon, copiez et collez les attributs de lien dans votre navigateur et vérifiez que les chemins d'accès .js sont corrects.

+0

tous ces liens fonctionnent ... la seule erreur que je reçois est Préférences \t element.dispatchEvent n'est pas une fonction qui est quelque chose dans le fichier fourni avec le téléchargement. – Bill

+0

Utilisez-vous jQuery sur la même page? Si c'est le cas, vous devez mettre jQuery à 'noConflict' sinon il écrase la fonction' $ 'des prototypes. – stormdrain

+0

Oui ... C'était le problème. Merci! – Bill