Forum ZitePLUS

La communauté des utilisateurs du CMS ZitePLUS

Vous n'êtes pas identifié(e).

#1 28/05/2012 16:27:19

JM29
Membre
Lieu : Brest
Inscription : 14/02/2011
Messages : 12
Site Web

Recherche de module type diaporama

Bonjour,
j'aimerai intégrer un module de diapora / slideshow de type smoothgallery. Savez-vous si il existe un  module de ce type voir même quelque chose de plus simple qui permette au visiteur du site de basculer d'une photo à l'autre en cliquant sur une flèche ?
Ce que j'ai testé pour l'instant me semble un peu trop simple pour ce que je souhaiterai avoir.
Cdt
Jean-Marc

Hors ligne

#2 28/05/2012 16:54:36

Super_chemist
Membre
Inscription : 27/05/2011
Messages : 417

Re : Recherche de module type diaporama

Salut

Tu as dans le ziteplus de base le module slideshow, qui affiche une galerie d'images.
Sinon, dans le forum Greffons & Modules, tu trouvera les modules zdiaporama et fdiapo.
Aucun des trois ne permet de faire défiler les images en cliquant sur une flèche, et je pense que tu les a déja testés...

Par contre, internet regorge de scripts de ce genre (tu cites smoothgallery par exemple), et il est très simple d'en intégrer un dans une page ziteplus, tout simplement en utilisant la fonction SOURCE pour éditer le code de la page.
Si tu as besoin d'aide pour insérer un script, ou jouer un peu avec le php, n'hésite pas à nous solliciter !

Par la suite, si tu trouves un script bien conçu et sous licence libre, pourquoi pas tenter de l'adapter en module ?


Adrien

Hors ligne

#3 29/05/2012 11:34:55

jpg
Administrateurs
Inscription : 19/11/2008
Messages : 2 086
Site Web

Re : Recherche de module type diaporama

Super_chemist a écrit :

Tu as dans le ziteplus de base le module slideshow, qui affiche une galerie d'images
Sinon, dans le forum Greffons & Modules, tu trouvera les modules zdiaporama et fdiapo.
Aucun des trois ne permet de faire défiler les images en cliquant sur une flèche, et je pense que tu les a déja testés...

Le module PhotoShow inclus de base, permet de faire défiler les photos en cliquant sur "suivant" ou "précédent" ... c'est déjà pas si mal wink

En jouant sur les ID (photoshownext et photoshowpred) et un peu de CSS on doit pouvoir faire cela, mais je ne l'ai pas testé jusqu'a présent

a+
Jean-Paul

Hors ligne

#4 29/05/2012 15:11:55

snypi
Moderateurs
Inscription : 11/03/2008
Messages : 1 235
Site Web

Re : Recherche de module type diaporama

faudrait tester d'implémenter des gallery jquey à photoshow
je vais essayé de me penché dessus wink

suite à mon partage de design je vous montre le site d'une copine en cours de réalisation
http://www.photographe-evenements-essonne-91.fr/

Dernière modification par snypi (29/05/2012 15:13:25)


un zite+ associatif http://asso.gard.a.toi.free.fr
création de site internet dans le Gard et Ardèche http://www.creation-site-internet-gard.com/

Hors ligne

#5 30/05/2012 21:40:06

JM29
Membre
Lieu : Brest
Inscription : 14/02/2011
Messages : 12
Site Web

Re : Recherche de module type diaporama

Hello,
J'ai commencé a jeter un œil sur smoothgallery mais je suis un peu perdu. j'ai uploadé les fichiers sur mon ftp et testé suivant les indications mais ça ne donne pas grand chose. Je pense avoir fait ce qu'il faut mais je bloque sur "l'enchainement" du code. J'ai suivi le tuto de leur site : http://smoothgallery.jondesign.net/getting-started/

et voici mon code en reprenant les images d'exemple pour mon test :

<script type="text/javascript" src="scripts/mootools-1.2.1-core-yc.js"></script>
<script type="text/javascript" src="scripts/jd.gallery.js"></script>
<div id="myGallery">
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 Description</p>
<img class="full" src="images/brugges2006/1.jpg" alt="" /> <img class="thumbnail" src="images/brugges2006/1-mini.jpg" alt="" /></div>
<div class="imageElement">
<h3>Item 2 Title</h3>
<p>Item 2 Description</p>
<img class="full" src="images/brugges2006/2.jpg" alt="" /> <img class="thumbnail" src="images/brugges2006/2-mini.jpg" alt="" /></div>
<script type="text/javascript">// <![CDATA[
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: false
});
}
window.addEvent('domready', startGallery);
// ]]></script>
</div>

Je ne suis pas sur d'avoir tout compris. des idées ?
Jean-Marc

Hors ligne

Pied de page des forums