Accueil
La Rochelle et son histoire
Personnaliser votre site
effet lightbox dans les articles,pages,wiki etc ..
Lightbox 2.0.4
La Rochelle et son histoire
Personnaliser votre site
effet lightbox dans les articles,pages,wiki etc ..
Lightbox 2.0.4
La Rochelle et son histoire
Lightbox
Bonjour
j'ai fait comme cela et ça fonctionne très bien :
tu télécharges lightbox2.
tu récupères le fichier ligtbox.js et tu le places dans ./kermel/framework/js/lightbox.js
ensuite tu créées un dossier CSS dans ./kermel/framework/css et tu y places le fichier lightbox.css
une fois fait tu vas dans articles/templates/articles.tpl que tu ouvres et tu places ceci en début de script
Caché:
<!--lightbox-->
<link rel="stylesheet" href="/kernel/framework/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="/kernel/framework/js/lightbox.js"></script>
<script type="text/javascript">
<!--
var previous_id = 1;
function change_img_desc(id)
{
var previous = 'slide_desc' + previous_id;
var next = 'slide_desc' + id;
if (document.getElementById(previous))
document.getElementById(previous).style.display = 'none';
if (document.getElementById(next))
{
Effect.Appear(next, {duration:0.8});
previous_id = id;
}
}
var imgid = 'image_slider';
var imgdir = './images/slider/fullsize';
var imgext = '.jpg';
var thumbid = 'thumbs_slider';
var auto = true;
var autodelay = 12;
-->
</script>
<!--finlightbox-->
<link rel="stylesheet" href="/kernel/framework/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="/kernel/framework/js/lightbox.js"></script>
<script type="text/javascript">
<!--
var previous_id = 1;
function change_img_desc(id)
{
var previous = 'slide_desc' + previous_id;
var next = 'slide_desc' + id;
if (document.getElementById(previous))
document.getElementById(previous).style.display = 'none';
if (document.getElementById(next))
{
Effect.Appear(next, {duration:0.8});
previous_id = id;
}
}
var imgid = 'image_slider';
var imgdir = './images/slider/fullsize';
var imgext = '.jpg';
var thumbid = 'thumbs_slider';
var auto = true;
var autodelay = 12;
-->
</script>
<!--finlightbox-->
tu enregistres et tu renvoies sur ton hébergement.
ne pas oublier de mettre également les images de la lightbox dans /articles/templates/images
le plus chiant c'est le lien moi je fais comme cela ,si tu trouves mieux !! merci de partager
lien :
Caché:
<a href="upload/articles/canon.png" rel="lightbox" title="Le conon de Fouras "><img src="upload/articles/canon1.png" rel="lightbox"></a>
encadré par la balise html
comme tu peux le voir mes images se trouvent dans un dossier spécifique a toi d'indiquer le chemin correct pour avoir un affichage de celle-ci.
un lien dans mes articles ici : http://www.la-rochelle-et-son-histoire.fr/articles/articles-0-45+test-lightbox.php
ya plus simple surement mais cette façon a le mérite de fonctionner.Tu peux faire la même chose pour les news,pages et le wiki
1 Utilisateur en ligne :: 0 Administrateur, 0 Modérateur, 0 Membre et 1 Visiteur
Utilisateur en ligne: Aucun membre connecté
Utilisateur en ligne: Aucun membre connecté
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
Yélo Xynthia (Éditorial) Voyage virtuel Urbain II,Jacques de Moray Université de La Rochelle une pointe rocheuse et des marais Un siècle de grues Un quartier qui s'éveille (d'après Daniel Pesché) TOUR SAINT-NICOLAS (restauration) Sports Souvenirs des Minimes Santé / Social Rallye d'Automne 2011 Porte Royale Porte du Collège Porte de l' Évescot Port Atlantique de La Rochelle Pollution,embouteillages Nicolas Denys Mystérieux templiers Music-hall parade Mouvement démocrate Mixité sociale Marathon de La Rochelle (Serge Vigot) Les Gallo-Romains aux Minimes Les dossiers Le village des Minimes Le mur de l'Atlantique LE MARCHÉ AUX POISSONS Le Lazaret préfigure le port des Minimes



Se connecter
S'inscrire










