Fork me on GitHub




(1) 2 »


LightBox et Xoops
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

Ce sujet fait suite à cet article concernant le gabarit de thème Morphogenesis et l'utilisation des scripts LightBox et Prototype, Scriptaculous et de leurs plugins.

Je vous propose de débattre de ceux-ci dans ce sujet.

Kris

Posté le : 27/12/2006 02:11

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: LightBox et Xoops
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Pour ceux qui voudrait utiliser lightbox dans leur thème, il suffit de mettre le dossier "jseffects" du gabarit Morphogenesis 1.10 "lightbox" à la racine du site, et de mettre dans la partie "head" de son fichier theme.html les lignes suivantes juste après "xoops_header" :
<!-- Scripts -->
<
script type="text/javascript" src="<{$xoops_url}>/jseffects/prototype.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/jseffects/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<{$xoops_url}>/jseffects/lightbox.js"></script>
<!-- Css des scripts -->
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/jseffects/lightbox.css" />

Ensuite, en mode HTML, il faut faire des liens de ce type :
<a href="lienversvotreimagegrandformat" rel="lightbox[roadtrip]" title=""><img src="lienversvotreimagepetitformat" alt=""  /></a>


En cas d'utilisation du hook du module extgallery 1.x, vous pouvez retirer les lignes :
<link rel="stylesheet" href="<{$xoops_url}>/include/lightbox.css" type="text/css" media="screen" />
<
script type="text/javascript" src="<{$xoops_url}>/include/prototype.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/include/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<{$xoops_url}>/include/lightbox.php?dirname=<{$xoops_dirname}>"></script>

du fichier theme.html

et effacer les fichiers lightbox.css, lightbox.php, prototype.js, scriptaculous.js et effects.js du dossier "include", et les images blank.gif, closelabel.gif, loading.gif, nextlabel.gif, prevlabel.gif du dossier "images". L'utilisation des tags "gallery" s'utiliseront de la même façon.

Posté le : 27/12/2006 02:43

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: LightBox et Xoops
Aspirant
Inscrit: 19/09/2005 02:38
Messages: 96
Merci kris pour tous ce que tu fait

Ca marche impec :xfsuper:

Posté le : 06/01/2007 23:27

merci :xfsuper: pour tte l' (help c'est (cool
Partager Twitter Partagez cette article sur GG+
Re: LightBox et Xoops
Régulier
Inscrit: 10/12/2004 13:19
De Genève
Messages: 294
Salut Kris

Merci pour ton dévouement pour lightbox.
Toutefois, je ne saisis pas vraiment cette, modif, chez moi les liens ne fonctionnent pas, restent tel quels dans l'article.
Je souhaiterais pouvoir utiliser cette fonction avec n'importe quelle image tirée de extgal ou xcgal...
J'ai fait ces changements, mais cela ne fonctionne pas, sûr que je n'ai rien oublié ?

Merci Luisinho

Posté le : 16/01/2007 16:36

Rien ne se perd, rien ne se crèe, mais tout se transforme.
Partager Twitter Partagez cette article sur GG+
Re: LightBox et Xoops
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

@ Luisinho : Qu'as tu fais exactement ? et utilises tu le hook pour la dernière version de extgal ?

A +

Posté le : 17/01/2007 00:58

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: LightBox et Xoops
Newbie
Inscrit: 28/09/2006 09:18
Messages: 3
je propose utiliser

<script type="text/javascript" src="<{xoAppUrl /jseffects/prototype.js}>"></script>
<script type="text/javascript" src="<{xoAppUrl /jseffects/scriptaculous.js?load=effects}>"></script>
<script type="text/javascript" src="<{xoAppUrl /jseffects/lightbox.js}>"></script>
<link rel="stylesheet" type="text/css" media="screen" href="<{xoAppUrl /jseffects/lightbox.css}>" />

tu employé,

xoAppUrl
xoImgUrl

excusez-moi pour ma faible Français , j'emploient seulement le dictionnaire. Je ne savoir le frances

Posté le : 25/01/2007 07:16
Partager Twitter Partagez cette article sur GG+
Re: LightBox et Xoops
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
@ snow : ok, je corrige les fichiers ***** ok, I correct the files

Posté le : 29/01/2007 21:28

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: LightBox et Xoops
Aspirant
Inscrit: 14/01/2007 00:46
Messages: 29
Bonjour Kris.

Je n'y arrive toujours pas, depuis 2jours... arg... Je suis perdu..Aucun effet possible sur mon site.

pourtant je mets, après <{$xoops_module_header}> la balise :

Citation :

<!-- Scripts -->
<script type="text/javascript" src="<{$xoops_url}>/jseffects/prototype.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/jseffects/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<{$xoops_url}>/jseffects/lightbox.js"></script>
<!-- Css des scripts -->
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/jseffects/lightbox.css" />




et ensuite, un lien du type

Citation :
<a href="lienversvotreimagegrandformat" rel="lightbox[roadtrip]" title=""><img src="lienversvotreimagepetitformat" alt="" /></a>


dans ma page ou dans un bloc, mais rien a faire.

J'ai essayé pas mal de truc, je n'ai plus qu'a demander de l'aide, svp

merci d'avance

ps: le dossier jseffects est bien à la racine de mon site.


benoit

Posté le : 10/02/2007 22:07
Partager Twitter Partagez cette article sur GG+
Re: LightBox et Xoops
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
dans theme.html :
<{$xoops_module_header}>
<!-- 
Scripts -->
<
script type="text/javascript" src="<{xoAppUrl /jseffects/prototype.js}>"></script>
<script type="text/javascript" src="<{xoAppUrl /jseffects/scriptaculous.js?load=effects}>"></script>
<script type="text/javascript" src="<{xoAppUrl /jseffects/lightbox.js}>"></script>
<!-- Css des scripts -->
<link rel="stylesheet" type="text/css" media="screen" href="<{xoAppUrl /jseffects/lightbox.css}>" />


Dans un bloc perso (par exemple) :
<a href="{X_SITEURL}uploads/images/magrandeimage.jpg" rel="lightbox[roadtrip]" title="Mon titre"><img src="{X_SITEURL}uploads/images/mapetiteimage.jpg" alt="Mon titre"  /></a>


A +

Posté le : 10/02/2007 22:50

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: LightBox et Xoops
Aspirant
Inscrit: 14/01/2007 00:46
Messages: 29
Merci Kris, mais il n'y a rien a faire, je comprends pas.

Le lien sur l'image se comporte comme un lien classique, l'image s'affiche dans une page blanche.

En tout cas, encore bravo a toi, c'est un effet qui reste à mes yeux, magnifique, et qui change du flash.

Merci quand même pour l'aide

benoit.

Posté le : 10/02/2007 23:19
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
(1) 2 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

79 Personne(s) en ligne (68 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 79 | Plus ...