18042 sujets

Questions générales et questions de débutants

Lightbox charge une nouvelle page pour montrer les images

Bonjour,

Ça fait deux jours que j'essaie d'intégrer lightbox à mon site et je n'y arrive pas. J'ai essayé d'abord avec lightbox 2 puis avec Fancybox, j'ai suivi les instructions des sites, même après une bonne quinzaine de tutos, que j'ai suivis à la lettre, rien à faire, ça ne marche pas.

Quand je clique sur ma petite image, la grande s'affiche bien, mais en haut à gauche sur une page blanche.

Comme ça ne marchait pas avec mon site, j'ai même essayé avec un nouveau document HTML vide pour voir si ca marchait, et non, rien.

Si quelqu'un veut bien m'aider, ça serait super par-ce que là, je sais vraiment plus quoi essayer !

Voici le code de ma dernière tentative :



<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document sans nom</title>

	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
	
	<link rel="stylesheet" href="fancybox/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen"/>
	
	<link rel="stylesheet" href="fancybox/fancybox/style.css" type="text/css" media="screen"/>
	
	<script type="text/javascript" src="fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	
</head>

<body>
<a class="fancybox" href="images/test-big.png"><img src="images/test-small.png" width="950" height="950" alt=""/></a>


<!-- Fancy Box -->

	<script type="text/javascript">
		$(document).ready(function(){
			$(".fancybox").fancybox
		});
	
	</script>

</body>
</html>


Merci d'avance ! Smiley biggrin
M'étonnerai que ceci soit correct :
$(".fancybox").fancybox

il faut des parenthèses après fancybox()

Autrement ouvre la console de ton navigateur (ctrl+shift+i ou ctrl+alt+i) et vérifies que tout les ressources sont bien chargées dans l'onglet réseau. En passant tu ne devrais pas avoir 2 css pour fancybox.

Enfin vérifies aussi les erreurs de code dans la console javascript toujours dans l'inspecteur.
Sujet clos
Aller à