Lightbox2 - Page 1

1

Le 23/10/2012 à 10:47

Bonjour a tous.
Je débute dans le CSS et je voudrais installer la Lightbox2. Voici l'adresse ou on peut télécharger le code : http://lokeshdhakar.com/projects/lightbox2/

Quelqu'un pourrait il m'aider car je m'y perd complétement.

Dans le chapitre "How to use" je ne comprend pas ou je dois mettre les lignes de codes.

Bref je sais que je vais paraitre ignare aux yeux de certains mais il faut bien débuter

Merci d'avance pour votre aide.

2

Le 23/10/2012 à 10:51

Pour ce qui est du code CSS je le met dans ma feuille de style CSS, le code HTML dans le code HTML, je cree un dossier "petites images" et un dossier "Grandes Images" dans le dossier "images", jusque la pas de soucis.
Mais c'est apres, toutes ces petites lignes de codes qui doivent etre mise quelque part.
Dans le dossier "Script" ? Et les petites images qui sont fournies avec le download ? Elles vont ou ? Je m'y perd

3

Le 23/10/2012 à 11:35

les .css doivent aller dans ta balise <head> pour les .js tu peu au choix les caler dans le <head> ou à la fin du <body>
mais vu que ca utilise jQuery dans le head tes .js irons très bien, jQuery lançant le code d'init quant le dom est entièrement chargé

$(document).ready(function()
{ // code d'init ici
});

bref,

<html>
	<head>
		<link href="css/lightbox.css" rel="stylesheet" />
		<script src="http://code.jquery.com/jquery-latest.pack.js"></script>
		<script src="js/lightbox.js"></script>
	</head>
	<body>
		<a href="grande_images/image-1.jpg" rel="lightbox[mon-set-d-image]">
			<img src="petite_images/image-1.jpg"/>
		</a>
		<a href="grande_images/image-2.jpg" rel="lightbox[mon-set-d-image]">
			<img src="petite_images/image-2.jpg"/>
		</a>
		<a href="grande_images/image-3.jpg" rel="lightbox[mon-set-d-image]">
			<img src="petite_images/image-3.jpg"/>
		</a>
	</body>
</html>

les images présentes dans le .css doivent être relatives à celui ci, pour les autres visiblement incluent dans le .js utilise plutôt un debuguer pour mater leur url ( ctrl + shift + i dans chrome, onglet network, regarde celles 404)

et la le mec il le pécho par le bras et il lui dit '

4

Le 23/10/2012 à 11:43

Je vais essayer tout ca.
Un tout grand merci R H. Te tiens au courant du resultat.