Plugin Spip jQuery Cycle (pour Spip 2.0)

-  Le plugin Spip jQuery Cycle «  sjcycle  » est un diaporama paramétrable pour Spip basé sur la librairie javascript jQuery et les plugins :

-  Développé pour Spip [2.0.x] il utilise :

  • les formulaires CVT ;
  • le moteur de configuration CFG [1.10] ;
  • les modèles pour une insertion aisée dans le texte des articles.

- Fonctionnalités principales :

  • Paramétrage des effets, de la vitesse de transition, de la taille du diaporama, etc. ;
  • Possibilté d’afficher plusieurs diaporamas au sein d’un même article ;
  • Possibilté de sélectionner les images à associer à chaque diaporama.

Ce plugin s’adresse avant tout aux personnes désireuses d’agrémenter leur site SPIP de diaporamas légers mais performants, avec un descriptif de l’image en survol, un affichage en superposition.

Actuellement taggé en « test », ce plugin est cependant totalement fonctionnel et est utilisé sur des sites en production.

Informations complémentaires et sources : Plugin SPIP : diaporama avec jQuery

Discussion

17 discussions

  • Bonjour à tous,
    J’utilisais avec bonheur le plugin avec SPIP 2.0.10, celui-ci ne fonctionne plus depuis l’ajout du plugin menu accordéon (première version).. je suppose qu’il s’agit d’un problème de Jquery... Quelqu’un a-t-il une idée plus précise du problème ??
    Merci d’avance.

    Répondre à ce message

  • Bonjour, et merci pour ce plugin

    Je voulais savoir s’il y avait possibilité de mettre une ombre aux images ?
    j’ai réussi à en mettre une en css3 mais comme les images n’ont pas forcément le même format (hauteur, largeur différentes mais aussi paysage ou portrait) l’ombre s’applique au gabarit définit dans la config CFG…

    j’ai essayé d’appliquer le css directement à l’image — .jscycle img etc... — mais du coup je n’ai plus aucune ombre…

    Quelqu’un aurait-il une idée ?

    Merci

    Répondre à ce message

  • 1

    Super plugin merci !!!

    Quelqu’un aurait une astuce pour afficher dans un diaporama les images de tous les articles ?

    Répondre à ce message

  • Achille

    Bonjour,
    Débutant dans SPIP (2.0) avec Zpip. Merci pour ce super pluggin. J’ai pu l’installer et le faire tourner dans un article. Mon problème est que je ne comprend pas comment faire pour insérer un diaporama dans la page d’accueil. Peut-on m’aider ? Merci.

    Répondre à ce message

  • Bonjour,

    Tout d’abord merci pour ce plugin qui fonctionne a merveille. J’essais de faire un entête de site avec celui-ci. Je rencontre deux problèmes :
    -  le diaporama se réinitialise à chaque changement de page (malgré des ajax collé partout, mais peut-être pas ou il faut ;) )
    -  Les png transparent semblent perdre leur transparence...

    Merci si quelqu’un à une idée...

    Répondre à ce message

  • Pinpernelle

    Bonjour à tous,

    Je viens d’installer ce plugin. Mon problème est qu’il fonctionne très bien dans l’espace privé, mais pas sur mon site où il affiche la première photos des photos à afficher. J’ai bien inséré la balise #INSERT_HEAD dans la partie

    de mon squelette. J’ai aussi penser à vider le cache, mais ca ne change rien :/

    Merci d’avance.

    Répondre à ce message

  • 1
    jdomengie

    Bonjour a tous,

    Débutant dans la création de site web en général et dans l’utilisation de Spip en particulier Je m’arrache les cheveux avec ce plugin...

    Dans l’espace privé le plugin fonctionne, par contre dans l’espace public, seul la photo associé a l’article s’affiche mais pas les photos du portfolio !!! Pourtant :

    — > J’ai bien inséré la balise #INSERT_HEAD... dans le fichier inc_head,
    — > Le raccourci jquery9 (qui est le numéro de mon article) dans l’article.

    J’utilise la version 2.1 RC de SPIP...

    Question subsidiaire : j’aimerai crée un diaporama avec ce plugin de toutes les photos présente sur mon site sur la page sommaire, comment faut il procéder ?

    Merci pour votre aide...

    • jdomengie

      Pour la première partie de mon problème j’ai trouvé la solution... vider le cache...

      Pour la seconde partie, si quelqu’un sait ...

    Répondre à ce message

  • 5

    Bonjour,

    Je suis sous SPIP 2.0.9, j’ai bien installé le plugin Spip jQuery Cycle avec le plugin cfg. Or j’ai un problème :

    Sur ma page « sommaire.html », je souhaite inclure un l’article n°7 qui contient des images que je souhaite faire défiler en diaporama.

    Je met donc le code :

    <div id="index-bloc3"><BOUCLE_partenaires(ARTICLES){id_article=7}>
    #TEXTE
    </BOUCLE_partenaires></div>

    Ce qui affiche bien le texte de l’article 7.

    Mais lorsque dans l’article 7, en privé, je met :

    <sjcycle7>

    Le diaporama ne s’affiche pas... Je n’ai aucune image qui apparait. Et pourtant, j’ai bien ajouté des images à l’article 7...

    Si quelqu’un peut m’aider..

    Merci,

    Xavier.

    ps : Pour Sarah, tu as « Fatal Error » parce que tu n’as pas installé le plugin cfg.

    • J’ai un drôle de problème également : le diaporama est supposé s’afficher dans le sommaire. Dans l’espace privé, tout va bien. Mais dans le site public, pas de diaporama, en revanche toutes les photos s’affichent les unes en -dessous des autres... Bizarre... une idée d’où ça peut venir ?

      Merci.

    • OK, je suis un imbécile, j’avais oublié d’ajouter le #INSERT_HEAD dans mon squelette... Du coup tout marche très bien, évidemment.

      Merci beaucoup pour ce plugin simple et efficace !

    • Bonjour,

      Ce plugin à l’air génial et je souhaite l’installer sur mon site. En revanche je dois être trop débutante en spip car je n’arrive pas à trouver comment installer CFG. Pouvez-vous me guiger ?
      Merci d’avance

    • StephBretagne

      Bonjour Titia,

      Voici une page qui devrait te renseigner. Ce sont des explications pour le squelette sarka spip mais je pense que cela fonctionne de la même façon avec les autres squelettes.

      Bon courage !

    • Bonjour StephBretagne,

      Merci Beaucoup pour la réponse, Cela m’a beaucoup aidé et maintenant le plugin fonctionne très bien. Encore merci.

      J’ai une nouvelle question : j’utilise également le plugin thickbox et du coup cela fait doublon avec ce plugin. Savez-vous comment désactiver celui de sjcyrcle ?

      merci d’avance
      Titia

    Répondre à ce message

  • StephBretagne

    Bonjour,

    Tout d’abord un grand merci pour ce plugin génial !!!

    La seule chose qui m’ennuyait était l’affichage de l’infobulle avec le titre, le poids et le type d’image qui faisait double emploi avec les infobulles de sarka-spip.

    Mais j’ai résolu cela en supprimant simplement deux fichiers qui se trouvent dans \public_html\plugins\auto\sjcycle\javascript\ :
    -  jquery.tooltip.css
    -  jquery.tooltip.js

    Voilà, si ça peut servir à quelqu’un d’autre ... ;-)

    Répondre à ce message

  • Bonsoir,

    je viens de mettre en place ce superbe plugin sur un spip 2.0.10
    et ce n’est que du bonheur,
    bravo et merci,

    le résultat est visible ici :
    www.la-rue-des-arts.org

    Répondre à ce message

  • Bonjour,

    Merci pour ce plugin.
    Comment faire pour intégrer les diapos directement au squelette ?

    Répondre à ce message

  • 1
    gilles klein

    Y a t-il une possibilité d’avoir des diaporama de taille différentes. Par exemple, plus grand pour les rubriques que pour les articles ?

    • J’ai bricolé un nouveau modele pour redimensionner le diaporama dans un squelette.

      Mais si on pouvait spécifier des dimensions dans la syntaxe genre <sjcycleN|400px,auto> se serait mieux. Mais je ne sais pas faire.

      Tristesse. :)

    Répondre à ce message

  • Bonjour, j’utilise aussi le plugin thickbox sur un site, et cela crée forcément un double effet lorsque je clique sur une des photos du diaporama SJcycle.

    C’est pourquoi je me demandais , à tout hasard, s’il existait un moyen simple de limiter l’usage du plugin thickbox sur certaines rubriques du site, de manière à garder les avantages des deux plugins sans les redondances ?

    Répondre à ce message

  • Bonjour,

    J’ai essayé d’installer ton plugin mais une fois activé, mon site ne marche plus et j’ai le message suivant qui apparait :
    Fatal error : Call to undefined function : lire_config() in /mnt/159/free.fr/f/3/galgo.matacan/plugins/auto/sjcycle/sjcycle_pipelines.php on line 3

    Sais tu d’ou est ce que ça peut venir ?

    merci

    Sarah

    Répondre à ce message

  • 1
    Minimalteck

    Bonjour à tous,
    Sous les conseils éclairés de Maïeul le « modèle » se débarrasse des inclusions de code php...

    Le source est donc mis à jour, fichiers impactés :
    -  sjcycle/plugin.xml
    -  sjcycle/modeles/sjcycle.html

    • Hello Minimalteck,

      (j’ai pensé à me loguer :-)

      si ensuite tu as une idée pour démarrer le « diaporama » par la première image de la boucle ...( lorsqu on clique au lieu de l image en cours ça zoom sur la 1re image) ce serait génial :-p

      merci pour ton aide.

    Répondre à ce message

  • 2

    Bonjour,

    Comment desactiver le tooltip en rollover, pour avoir les titres sous les diaporamas de façon classique ?

    Merci

    • Pour désactiver tooltip :
      1. dans sjcycle_pipelines.php
      commenter ou supprimer ligne 8 :

      $flux .="\n".'<script src="'.url_absolue(find_in_path('javascript/jquery.tooltip.js')).'" type="text/javascript" charset="utf-8"></script>';

      2. dans /modeles/sjcycle.html :
      -  supprimer ou commenter : ligne 42 à 54

      $('.infobulle').tooltip({ 
      				bodyHandler: function() {
      					return $($(this).children(".textinfobulle")).html();
      				},
      				track: true, 
      				delay: 0, 
      				showURL: false, 
      				opacity: 1, 
      				fixPNG: true,
      				extraClass: "pretty", 
      				top: -15, 
      				left: 5 
      		});


      -  ligne 63 : supprimer l’attribut style style=« display:none ;text-align:left ; » ou simplement le diplay:none ;

      Voilà, ça devrait être bon...

    • Hello Minimalteck,

      Merci pour ta réponse :

      j’ai effectué les modifications cela ne fonctionne pas ;

      Les tooltips sont bien désactivées, mais les titres n’apparaissent pas (j ai bien viré le display:none ;

      de plus je perds la fonction galerie ... à la place de l effet fancy ou thickbox ... (j ai un lien sur l’image en zoom mais plus le coté galerie).

      Dans les modifs effectuées on n’intervient que sur la boucle B_img2 et pas sur la B_img qui contient les mêmes scripts ... c bien ça ?

      est ce que la class : textinfobulle y est pour quelque chose (la ou j’ai enlevé le display:none ;

      autre chose les 2 zips en téléchargement sont ils identiques ?
      sjcyclezip-cc726.zip et sjcycle.zip ?

      merci pour ton aide :-)

    Répondre à ce message

  • bonjour ,

    Est il possible de lancer la première image du diaporama plutot que l image affichée au moment ou l’on clique .

    Merci pour le plugin et merci pour l’aide :-)

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom