Se debarrasser du slideshow d'extgallery et de ses P...... de conflit avec les autres scripts! | Titre du sujet : Se debarrasser du slideshow d'extgallery et de ses P...... de conflit avec les autres scripts! par bendenice sur 11/09/2009 12:52:10
Suite a un conflit permanent du slideshow d'extgallery j'ai decider de remplacer celui ci.
La nouvel light box utilisé est highslide
Tout d'abord vous aller telecharger le script a cette adresse http://highslide.com/download.php
Une fois dezipper vous aurez trois repertoires
placer le repertoire "highslide" dans le repertoire "jseffects" a la racine de votre site (si vous ne l'avez pas créer le)
Editer votre fichier de theme (votresite.com/theme/votretheme/theme.html) et inserer apres la balise head le code suivant :
<!-- NEW SLIDESHOW -->
<script type="text/javascript" src="<{$xoops_url}>/jseffects/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="<{$xoops_url}>/jseffects/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = '<{$xoops_url}>/jseffects/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.wrapperClassName = 'dark borderless floating-caption';
hs.fadeInOut = true;
hs.dimmingOpacity = .75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
<!-- FIN NEW SLIDESHOW -->
Vous allez maintenant editer le template de la page "extgallery_public-album.html" via le gestionnaire de template
remplcaer la partie suivante (ou commenter la):
<{if $photos[photo].photo_serveur && $photos[photo].photo_name}>
<a href="public-photo.php?photoId=<{$photos[photo].photo_id}>#photoNav"><img class="thumb" src="<{$photos[photo].photo_serveur}>thumb_<{$photos[photo].photo_name}>" alt="<{$photos[photo].photo_desc}>" title="<{$photos[photo].photo_desc}>" /></a>
<{elseif $photos[photo].photo_name}>
<a href="public-photo.php?photoId=<{$photos[photo].photo_id}>#photoNav"><img class="thumb" src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$photos[photo].photo_name}>" alt="<{$photos[photo].photo_desc}>" title="<{$photos[photo].photo_desc}>" /></a>
<{/if}>
par:
<div class="highslide-gallery">
<a href="<{$xoops_url}>/uploads/extgallery/public-photo/medium/<{$photos[photo].photo_name}>" class="highslide" onclick="return hs.expand(this)">
<img src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$photos[photo].photo_name}>" alt="Highslide JS"
title="Cliquez pour visualiser en grand" />
</a>
</div>
voila c'est fini
ATTENTION le slideshow marche avec le choix album et plus le choix slideshow dans l'admin de extgallery
Cordialement benoit
|
|