Lightbox 2.0.4 [Réglé]
images
Créations de Modules
crashtest Membre non connecté
-
Booster Fronde
- Voir le profil du membre crashtest
- Inscrit le : 08/01/2010
Reprise du message précédent
J'ai le thème cameleon.
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
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 wiki/templates/wiki.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 /wiki/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 mon wiki ici
ya plus simple surement mais cette façon a le mérite de fonctionner.Tu peux faire la même chose pour les articles,news,pages
allez @ tchao
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
crashtest Membre non connecté
-
Booster Fronde
- Voir le profil du membre crashtest
- Inscrit le : 08/01/2010
@ jjcc je te remercie de faire partager ta technique. Mais si j'ai bien compris tu as la fonction lightbox qui ne fonctionne plus dans le module gallery en faisant ainsi non?
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
crashtest Membre non connecté
-
Booster Fronde
- Voir le profil du membre crashtest
- Inscrit le : 08/01/2010
. Mais comment tu fais pour rajouter les images, tu utilises ton FTP? Et si c'est le cas les thumbnails sont créés automatiquement?jjcc :
le plus chiant c'est le lien moi je fais comme cela ,si tu trouves mieux !! merci de partager
Il faudrait rajouter un raccourci dans la liste des BBcode permettant d'afficher :
Code HTML :
Mais bon j'attends de voir si Mr. Geek me donne une solution qui utilise le framework.
Édité par crashtest Le 09/01/2010 à 14h49
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
bon ben j'attend aussi Mr Geek et le rugby hi
bye
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
crashtest Membre non connecté
-
Booster Fronde
- Voir le profil du membre crashtest
- Inscrit le : 08/01/2010
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
tu as un lien ?
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
crashtest Membre non connecté
-
Booster Fronde
- Voir le profil du membre crashtest
- Inscrit le : 08/01/2010
Je fais en local pour l'instant, je ne peux donc pas te montrer.
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
crashtest Membre non connecté
-
Booster Fronde
- Voir le profil du membre crashtest
- Inscrit le : 08/01/2010
Code HTML :
Je ne comprends plus, ce n'est tout de même pas du que je sois en local avec wamp?
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
tu as dans le framework créée un dossier "css"et placé à l'intérieur le lightbox.css ?
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
jjcc :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 wiki/templates/wiki.tpl que tu ouvres et tu places ceci en début de script
Caché :<!--lightbox--></div>
<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 /wiki/templates/images
le plus chiant c'est le lien moi je fais comme cela ,si tu trouves mieux !! merci de partager
lien :
<span class="formatter-hide">Caché:</span><div class="hide" onclick="bb_hide(this)"><div class="hide2"><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 mon wiki ici
ya plus simple surement mais cette façon a le mérite de fonctionner.Tu peux faire la même chose pour les articles,news,pages
allez @ tchao</div>
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
jjcc Membre non connecté
-
Booster Roquette
- Voir le profil du membre jjcc
- Inscrit le : 29/04/2009
- Site internet
jjcc :jjcc :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 wiki/templates/wiki.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-->
tu enregistres et tu renvoies sur ton hébergement.
ne pas oublier de mettre également les images de la lightbox dans /wiki/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 mon wiki ici
ya plus simple surement mais cette façon a le mérite de fonctionner.Tu peux faire la même chose pour les articles,news,pages
allez @ tchao
votre site sur mon annuaire !! c'est gratuit .. La Rochelle et....
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
L'esprit d'équipe... C'est des mecs qui sont une équipe, ils ont un esprit ! Alors, ils partagent !
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie