Fork me on GitHub




« 1 2 (3)


lionhell
Re: News : comment utiliser effet lightbox dans les articles ?
#21
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
En fait, même la 1ere fois, si je rafraichis la page avant de cliquer il n'y a pas de 1ere fois ! Quand la page se charge elle ne charge pas lightbox dirait-on.

Posté le : 10/07/2014 13:05

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut
lionhell
Re: News : comment utiliser effet lightbox dans les articles ?
#22
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Problème apparemment réglé ... j'ai abandonné le script de extGallery et l'ai remplacé par celui de APCal qui semble plus efficace ! En tout cas ... qui fonctionne !

Donc en début du Template j'ai copié/collé ce code :

<script type="text/javascript" src="<{$xoops_url}>/modules/APCal/images/js/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="<{$xoops_url}>/modules/APCal/images/js/highslide/highslide.css" />
<script type="text/javascript">
    hs.graphicsDir = '<{$xoops_url}>/modules/APCal/images/js/highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.outlineType = 'glossy-dark';
    hs.wrapperClassName = 'dark';
    hs.fadeInOut = true;

    // Add the controlbar
    if (hs.addSlideshow) hs.addSlideshow({
        interval: 5000,
        repeat: false,
        useControls: true,
        fixedControls: 'fit',
        overlayOptions: {
            opacity: .6,
            position: 'bottom center',
            hideOnMouseOut: true
        }
    });
</script>


Il suffit ensuite de saisir ceci dans l'onglet "évènement" champs "onclick" du lien : return hs.expand(this)

Et cette fois c'est totalement indépendant du module APCal.


Bien-sûr il faut que les fichiers highslide soient présent sur le site. Là je n'ai rien modifié au niveau des chemins puisque apcal est présent sur le site.

Mais sinon il suffit de coller ces fichiers où vous voulez sur le site et ensuite adapter le chemin dans le script.

Posté le : 10/07/2014 13:21

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant
« 1 2 (3)



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

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