effet ligthbox

snypi · 11/03/2008 00:20:01

salut à vous et bravo pour ce cms ultra simple

découvert depuis hier je le prend en main super facilement
par contre y'a t'il quelqu'un qui à réussi à installé un effet ligthbox sur zite?

j'ai mit ça dans le template :

avec les script du lightbox dans un dossier js

et dans le code html du billet

mais je vois pas ou ca block

une piste??

merci par avance

rebel · 11/03/2008 08:49:50

Très simple
-------------
moi tout fonctionne et j'ai rien mettre dans le css de basse ou le template.php. ( histoire moins pollué )

1- télécharger les fichiers ... http://www.huddletogether.com/projects/ … ox2.04.zip

2- crée une page sous zite
mettre ceci de dans en mode source html
----------------------------------------------------------------------------------------------
<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css"> body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
</head>
<body>
<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
</body>
</html>
----------------------------------------------------------------------------------------------
la ligne (((( <a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a> )))

la seul ligne qui faut changer et la reproduire pour ajouté d'autre image.

=========================
Exemple : http://www.huddletogether.com/projects/ … 2/#example

Source : http://www.huddletogether.com/projects/lightbox2/

Dernière modification par rebel (11/03/2008 09:28:46)

snypi · 11/03/2008 13:57:36

Effectivement ca marche merci bien!!!

cyclone7 · 23/07/2008 22:27:16

Bonjour,
J'ai suivi les instruction de rebel mais j'ai un petit problème, tout fonctionne sauf que l'image "close" pour fermer n'apparaît pas :

Merci d'avance.

Dernière modification par cyclone7 (23/07/2008 22:30:31)

snypi · 24/07/2008 09:46:54

le problème doit venir du chemin d'accès à l'image close.gif
elle doit être dans le dossier images où à la racine du site

fait des essaies. je ne sais plus et je n'ai plus d'exemple pour te précisé l'info

cyclone7 · 24/07/2008 20:39:52

J'ai essayé de mettre l'image close.gif à la racine mais ça n'apporte rien de plus.
Par contre, j'ai peut être trouvé ce qui bloque : Dans le code que vous avez donné, il n'y a pas marqué où ce trouve l'image close.gif :

<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">        body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;    }
</style>
</head>
<body>
<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
</body>
</html>

Est-ce que le problème pourrais venir de ça ? Si vous pensez que oui, pouvez vous me redonner le code qu'il faudrais rentrer ?

Dernière modification par cyclone7 (24/07/2008 20:41:31)

snypi · 24/07/2008 22:05:08

nan c'est le fichier .JS qui pointe sur close.gif essaye d'ouvrir les fichiers .js (avec un éditeur de texte) et de voir quel es le chemin pour close.gif

Forum ZitePLUS

#1 11/03/2008 00:20:01

effet ligthbox

#2 11/03/2008 08:49:50

Re : effet ligthbox

#3 11/03/2008 13:57:36

Re : effet ligthbox

#4 23/07/2008 22:27:16

Re : effet ligthbox

#5 24/07/2008 09:46:54

Re : effet ligthbox

#6 24/07/2008 20:39:52

Re : effet ligthbox

#7 24/07/2008 22:05:08

Re : effet ligthbox

Pied de page des forums