Nivo Slider

Nivo Slider pour SPIP permet d’intégrer des diaporamas en JQuery dans vos articles et squelettes.

Intégration pour SPIP du script Nivo Slider.

Introduction

Nivo Slider pour SPIP permet d’agrémenter facilement vos articles et squelettes de diaporamas en JQuery.

Dépendances

Nécessaire :
-  # INSERT_HEAD
-  CFG
-  JQuery 1.4+

Recommandé :
-  Palette
-  FancyBox

Installation

  1. Téléchargez l’archive dans le dossier plugins de votre SPIP
  2. Activez le plugin depuis l’espace privé.

N’oubliez pas de sélectionner une méthode de fabrication des vignettes dans Configuration > Fonction avancées de SPIP !

Description

Ce plugin ajoute les balises nivosliderXX, nivoslider_rubXX et nivoslider_doc|id=n,... à utiliser avec ou sans paramètres dans vos articles et squelettes.

Par défaut le modèle nivosliderXX utilise le portfolio d’un article mais ce comportement peut être changé facilement en modifiant le paramètre vu=non du fichier modele/nivoslider.html .

Utilisation

Pour afficher tous les documents du portfolio de l’article 24 depuis un article :

<nivoslider24|controlNav=false>

Dans un squelette on utilise la syntaxe suivante (sans argument id_article) pour afficher le portfolio de l’article par défaut (id_defaut défini avec CFG) :

[(#MODELE{nivoslider})]

Ou si l’on souhaite utiliser l’article 32 comme réservoir d’images depuis un squelettes :

[(#MODELE{nivoslider}{id_nivoslider=32})]

Pour fabriquer un diaporama des documents n°4,2,5,7,9 avec l’effet ’sliceUp’ sans puces depuis un article :

<nivoslider_doc|id=4,2,5,7,9|effect=sliceUp|controlNav=false>

Le même en squelette :

[(#MODELE{nivoslider_doc}{id='4|2|5|7|9'}{controlNav=false}{captionOpacity=0})]

Liens

Pour ajouter un lien sur une image on renseigne dans le champ description du fichier :
-  article31313 pour pointer vers l’article 31313 (forgera le lien spip.php ?article31313)
-  doc43129 pour déclencher fancybox (si installé)
-  Un lien type http://www.perdu.com/ ou ftp://ftp.lip6.fr

Paramètres

  • effect
  • slices
  • animSpeed
  • pauseTime
  • directionNav
  • directionNavHide
  • controlNav
  • keyboardNav
  • pauseOnHover
  • captionOpacity
  • imageAlign
  • imageBackcolor
  • controlNavThumbs
  • controlNavThumbsWidth
  • controlNavThumbsHeight

Configuration

Ce formulaire permet de modifier rapidement les options d’affichage.

Conditions d’utilisation

Ce plugin est une adaptation pour SPIP du script « jQuery Nivo Slider v2.5.2 » créé par Gilbert Pellegrom, distribué sous licence MIT.

Pour plus d’informations, reportez-vous au site https://themeisle.com/plugins/nivo-slider

Compatibilité

Testé avec :
-  Firefox
-  Chrome
-  IE
-  Opera

Important !

Lisez la doc et tous les messages du forum avant de poser une question, la réponse est peut-être sous vos yeux !

Si vous remarquez un dysfonctionnement, souhaitez dire bonjour ou demander une amélioration n’hésitez pas à l’exprimer dans le forum...

Discussion

203 discussions

  • Bonjour

    Le slider ne fonctionne plus chez moi depuis la mise à jour spip 3.0.18 et aujourd’hui 3.0.24.

    J’ai tout essayé en vain. Quelqu’un peut-il me donner un coup de main.

    Merci d’avance

    Répondre à ce message

  • Le bloc de code que j’utilise pour afficher mes articles dans cette section est :

    Comme la mise en œuvre du code de me faire NivoSlider pivoter la section 3 éléments, chacun d’eux avec votre lien.
    MILLE MERCI.

    Répondre à ce message

  • Quelqu’un peut me aider.

    Je cherche le code exact à utiliser Nivo curseur pour faire défiler une sélection d’articles qui sont contenus dans la même section, étant en mesure de relier l’un d’eux comme on le fait ici.

    Je ne peux pas trouver la programmation appropriée pour cela.

    merci

    Répondre à ce message

  • Bonjour,

    Je voudrais afficher, sur une rubrique, les images contenues dans les articles de cette dite rubrique.
    Une bonne âme saurait-elle m’indiquer la manière de faire ?
    En remerciant d’avance cette âme charitable ;-)

    Répondre à ce message

  • 2

    Bonjour. Je me trouve confronté à un petit problème avec NivoSlider.
    Aucun problème d’installation, tout roule. Or je me demande :
    J’ai besoin d’utiliser plusieurs types de slider sur le site. Or je n’arrive pas à spàécifier des dimensions particulières en fonction de des besoins. Ce sont toujours les dimensions remplies dans le paramétrage du plugin qui sont prises (voir redimensionnée).
    Y a t-il des paramètres permettant de spécifier la taille pour un Slider particulier ?

    merci

    • J’ai réussi en créant des modèles.

    • Je cherche aussi à pouvoir donner aux admins d’un site la possibilités de faire des sliders carré ou 4/3 en fonction des pages. Tu peux en dire un peu plus sur la création des modèles : emplacement, nommage, partie du code à modifier, appel pour l’admin....

      Merci

    Répondre à ce message

  • Bonjour,

    Avant, nivoslider, c’était simple...
    Là je suis sous spip 3.1.3, avec en plus le plugin du kit cnrs 5.4.2.
    Impossible de lire mes diaporamas comme auparavant quand je mettais simplement : nivoslider_rubXX ou nivosliderXX

    Si je dois insérer un modèle, où dois-je le mettre ? Dans quel squelette ?
    Je voudrais pouvoir créer un diaporama dans n’importe quel article ou rubrique.
    J’ai lu différentes contributions, mais cela ne m’a pas vraiment inspirée.

    Bien à vous,

    Répondre à ce message

  • 7

    Salut,
    Le slider ne fonctionne plus chez moi depuis mise à jour sur spip 3.0.22. Sur deux sites différents en faite. Est-ce que d’autres rencontrent ce problème ? Comment le résoudre ?
    merci pour vos lumières
    joz

    • re-salut,
      la mise à niveau à spip-3.1.1 n’arrange pas l’affaire..

    • J’ai aussi ce problème sur un 3e site, viens de me rendre compte seulement.

      J’aimerai bien revenir à la version 3.2.6 du plugin pour voir si ça résoud le problème. Où est-ce que je peux le trouver ? J’espère que je ne dois pas installer tout le SVN machin pour ça ?
      Si qqun pourrait m’envoyer le zip tout simplement ...
      D’avance merci !
      joz

    • Version 2.0.3 fonctionne...

    • Même problème. Mais ne tourne pas non plus en 2.0.3

    • Salut,
      La version 2.0.3 fonctionnait pour un spip 3.0.22.
      Maintenant j’ai mis le site en spip 3.1.1 et le nivoslider ne fonctionne plus. Ni en 2.0.3 ni en 3.2.7 :(

    • Même problème, passage du spip 3.0.5 au 3.1 et mise à jour du plugins... et ça ne fonctionne plus !

    • Bonjour à tous. Trouver ici une éventuelle solution... sauf que c’est pour nivo slider 2.0.4 et pas pour la dernière version... ce qui est ennuyeux vu que cette version n’est pas mise en téléchargement !
      Il y a une capture d’écran debbuge javascript... j’ai cherché à appliquer ce qui y est dit sur la nouvelle version sans résultat.
      Si l’un de vous est plus malin que moi...

    Répondre à ce message

  • 3

    Bonjour
    J’ai posté une petite question sur SPIP Forum (http://forum.spip.net/fr_256146.html#forum264309)
    A la réflexion je pense que j’aurais dû la poser ici
    Voilà le texte
    "Complément d’info sur mon post avec la nouvelle contribution de l’auteur du plug :
    " En fait le probleme est independant de mon plugin. (desactive le , le message est la)
    il faut retirer de message de la maquette (le terme squellette dans spip)
    bonne chance".
    Plug désactivé il me reste un autre diapo dont la codification est : « novoslider67|controlNav=false » et effectivement le message "Aucune photo n’est encore insérée dans cet album"est associé.
    Mon pb est que je suis bien incapable d’aller modifier du squelette !
    Merci de votre aide"

    Cordialement

    Répondre à ce message

  • Bonjour,
    J’ai un souci avec ce plugin qui ne marche plus si l’adresse commence par https.
    https://www2.ac-lyon.fr/lyc69/lamarque/
    c’est comme ça que google référence le site.
    Alors que http tout beigne !
    http://www2.ac-lyon.fr/lyc69/lamarque/

    Existe-t-il un moyen pour régler cela ?
    Je suis sous spip 2.1.12
    Jquery 1.8

    Cordialement

    Répondre à ce message

  • 1

    Bonjour,

    J’ai un petit souci avec mon nivoslider(3.2.4). J’ai une rubrique (diaporama_bandeau)où se trouve un article(diaporama) comprenant les images du bandeau de défilement de ma page d’accueil.
    Article utilisé comme réservoir d’images lors de l’inclusion du modèle est : diaporama (article1)

    Dès que je créer un nouvel article, toutes ces images se retrouvent dans le portfolio de ce nouvel article et disparaissent du portfolio de son article d’origine !!!!

    J’ai bien

    #INSERT_HEAD

    dans mon head.html.
    Voici mon code , il se trouve dans inclure/header.html

    <div class="slider_box">
    		[(#MODELE{nivoslider}{id_nivoslider=1})] 
        </div> 

    Mon nivoslider est dans l’article 1 de la rubrique 40

    Du coup , si je supprime les images de ce nouvel article, mon nivoslider disparaît !
    Comment faire pour qu’il reste que dans l’article1 ?

    Une idée svp ?....j’avoue être un peu perdue.
    Merci d’avance.

    Chti47

    • Bonjour,
      Je me réponds à moi toute seule....ce cas peut arriver à d’autres.
      Il se trouve que 2 auteurs de nom différent avaient le même login avec le même mot de passe.
      Un de ces auteurs est passé en auteur -1 et l’autre auteur1.
      Du coup des soucis avec spip en privé...il se met à faire un peu n’importe quoi :
      Spip ne trouvait plus les plugins (ils marchaient, mais avaient totalement disparu de la gestion des plugins), spip déplaçait les images d’un article pour le mettre à un autre ...

      Voilà !

    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