2011-08-17 10 views
1

Eh bien au début, fancybox a fonctionné. Mais ensuite, quand j'ai ajouté sur le site, il a complètement échoué et je n'ai aucune idée d'où je me suis trompé.Impossible de faire fonctionner FancyBox

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>   
</script>   
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>   
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> 
<script type="text/javascript"> 
$(document).ready(function() { 
$(".fancyImg").fancybox(); 
}); 
</script> 

<div id="About-MichaelP"><p>Website made by: <a class="fancyImg" href="#MichaelP">Michael Podsiadly</a></p></div> 

<div style="display: none;"> 
<div id="MichaelP" class="Hide"> 
<h1>About Michael Podsiadly</h1> 
<p></p> 
</div> 
</div> 

Merci d'avance. Et ça m'a tellement fatigué, je ne peux même plus penser plus droit.

+1

* soupir * S'il vous plaît (a) raccourcir l'extrait que vous avez fourni pour nous jusqu'à la nue (b) être beaucoup plus spécifique que "complètement raté" – mpen

+0

Je suis désolé. Je ne savais pas. Et ce que je voulais dire par complètement échoué, c'est qu'après avoir ajouté le diaporama et changé le CSS de la page Web, j'ai essayé d'ajouter la fancybox pour que ça fonctionne lorsque vous cliquez sur le diaporama. Et donc je l'ai testé et rien ne s'est passé. Quand c'était une image, il m'a juste navigué à cette image dans un nouvel onglet ou une nouvelle fenêtre. – Michael

+1

La première chose que je vois est que vous avez donné à vos liens la classe 'FancyImg' alors que vos références JS' .fancyImg' - sont assez sensibles à la casse. Fixez cela en premier et revenez nous voir. ** Edit: ** Vous avez en fait une majuscule incohérente ... – mpen

Répondre

0

Hey il semble que vous avez pas encore défini la classe des balises d'ancrage

$("a.group") 

fait référence à ancrer les étiquettes avec une classe de « groupe ».

Essayez d'ajouter la classe de groupe à vos liens:

<a href="#1" class="group"> 

OU

Il se pourrait que vous essayez d'inclure deux fois la bibliothèque jQuery. Cela pourrait causer des erreurs.

OU

Je le fais celui-ci beaucoup: Il se pourrait que les fichiers sont au mauvais endroit. Y a-t-il un dossier "js"? Est-ce que les fichiers sont là? Le fichier CSS est-il correctement attaché? Les images référencées dans le CSS par rapport au fichier html ou au CSS? La meilleure façon de répondre à ces questions est d'ouvrir la source dans Firefox et suivez les liens vers les fichiers js et css ...

+0

Cela pourrait être faux parce que je ne peux pas voir ce que vous essayez de faire avec autant de code dans le chemin. – Coomie

+0

Merci. Tout est réglé dans les bons fichiers et j'ai supprimé un lien de bibliothèque jQuery et laissé l'autre, un de ajax.com, mais rien ne s'est passé ... Tout est toujours pareil. – Michael

+0

Pouvez-vous poster un lien? – Coomie

Questions connexes