| Re: News : comment utiliser effet lightbox dans les articles ? |
Titre du sujet : Re: News : comment utiliser effet lightbox dans les articles ?
par lionhell sur 10/07/2014 13:21:08
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.
|
|
