nivo slider ne fonctionne pas sous spip 3.1

inaden

Août 2016

Bonjour

J’ai beau chercher, je ne trouve rien. Nivo slider 3.2.7 ne fonctionne pas sur spip 3.1.1.
La première image s’affiche, mais ne change pas et les flèches ne changent pas non plus l’image.
Sur la page consacrée au plugin (http://contrib.spip.net/Nivo-Slider-3747) je vois que d’autres ont le même problème et malgré les postes, aucune solution.
J’ai essayé de remplacer le plugins par une version antérieure, mais spip me dit qu’elle est obsolète et refuse de l’activer... et dans le debbuger firefox... je ne vois rien.
C’est comme ci quelque chose n’était pas appelée. Pourtant ma balise #INSERT_HEAD est active.
Par contre il est préconisé JQuery 1.4+ auf que par défaut, c’est JQuery UI 1.11.4 qui est dans la version 3.1.1 de SPIP.
Donc, si quelqu’un a une idée, je suis preneur.
Merci d’avance.

Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

inaden

Août 2016

Personne n’a une idée ???
Personne n’a rencontré le problème ???
Indiquez l’intérêt que vous portez à cette réponse

0

inaden

Septembre 2016

J’ai essayé de le désactivé, réactivé. Désinstaller / réinstallé. J’ai installé palette qui est conseillé. Je l’ai retéléchargé et réinstallé... rien y fait !
Alors vraiment personne pour un avis, un coup de main !
Indiquez l’intérêt que vous portez à cette réponse

0

Pierre KUHN

Septembre 2016

Bonjour,

je le fais très bien fonctionner.
Une url pour voir le site ?
Avec que Nivo, toujours le soucis ?
Indiquez l’intérêt que vous portez à cette réponse

0
inaden

Septembre 2016
Bonjour
Oui... rien a faire. Alors j’ai pris le taureau par les cornes.

Je suis allé chercher l’origine du plugin sur github (mais le forum refuse que je mettes le lien) et j’ai créé une boucle pour appeler les images.
Je me sers de la même façon du descriptif pour faire le lien (#URL_SITE_SPIP/spip.php ?(#DESCRIPTIF) et #URL_DOCUMENT pour appeler l’image.

J’ai même une fonctionnalité supplémentaire ou je peux faire apparaître le titre que je veux en appelant le titre de l’image (#TITRE).

Ci-dessous la boucle complète
<div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <BOUCLE_slide(DOCUMENTS){id_document IN 364,365,366}> <a href="#URL_SITE_SPIP/spip.php?[(#DESCRIPTIF|textebrut)]" title="titre"><img src="#URL_DOCUMENT" title="#TITRE" width='1100' height='186'></a> </BOUCLE_slide> </div> </div>
J’appelle les deux CSS qui sont nécessaires : themes/bar/bar.css et nivo-slider.css"

Et le jquery spécifique
```
 <script type="text/javascript" src="slider/jquery.nivo.slider.js"></script>
    <script type="text/javascript">

    $(window).load(function() {

        $('#slider').nivoSlider({

		pauseTime: 7000,             // Next & Prev navigation 

    	controlNav: false

		});

		

    });

    </script>
```
Pas besoin d’appeler le fichier jquery qui est contenu dans le plugin spip.
Indiquez l’intérêt que vous portez à cette réponse

0

inaden

Septembre 2016

Résolu.
Indiquez l’intérêt que vous portez à cette réponse

0

Hélène Coda-Poirey

Octobre 2016

Bonjour,

Pour moi également, NivoSlider ne fonctionne plus (je l’utilisais dans des articles et des rubriques).
Et je ne comprend pas l’explication donnée par inaden dans le forum.
Pouvez-vous m’expliquer (simplement pour une béotienne) ce que je dois faire ?
Quel squelette doit être modifié ? Que dois-je ajouter et où ?
Une précision : travaillant dans un laboratoire CNRS, j’utilise le plugin kit CNRS 5.4.2 qui surcharge Spip.
Adresse de mon site : http://crem.univ-rennes1.fr/

Merci par avance de votre aide.
Cordialement
Indiquez l’intérêt que vous portez à cette réponse

0

inaden

Octobre 2016

Bonjour Hélène.
J’ai installé nivoslider sur un autre site et même résultat... il ne fonctionne pas non plus. Je reviens donc à mon explication. Je désactive le plug-in nivoslider et j’intègre dans le squelette l’appel des trois fichiers nécessaire au fonctionnement ( themes/bar/bar.css et nivo-slider.css et slider/jquery.nivo.slider.js) et je crée une boucle pour appeler les images que je veux faire défiler et avoir les liens vers les articles auxquels elles renvoient.
Sinon, j’ai téléchargé les fichiers ici et utilisé les explications de cette discussion pour paramétrer.
J’espère avoir été plus clair et que ce message vous permettra de régler votre problème.
Indiquez l’intérêt que vous portez à cette réponse

0

Hélène Coda-Poirey

Octobre 2016

Bonjour Inaden,
Merci de votre réactivité. Mais je ne maîtrise pas tout, notamment les boucles, et ne pas me tromper de fichier pour leur intégration.

Voici où j’en suis et mes questions :
– J’ai désactivé le plugin nivoslider... ça c’est fait :) et là, j’hésite...
– Dans quel fichier intègres tu ta super boucle complète à télécharger ?
Dans nivoslider-v3/nivoslider.css.html ?
– que veux-tu dire par "j’appelle les deux css qui sont nécessaires.... ?
– et le script ci-dessous, tu le mets dans quel fichier ?
<script type="text/javascript" src="slider/jquery.nivo.slider.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ pauseTime: 7000, // Next & Prev navigation controlNav: false }); }); </script>
Je ne pourrai pas retravailler dessus avant demain soir mais j’aimerais bien comprendre.
Merci d’avance.
Indiquez l’intérêt que vous portez à cette réponse

0

inaden

Octobre 2016

Bonsoir
Après téléchargement des fichiers comme indiqué dans mon poste précédent.

• vous créez à la racine de votre hébergement un dossier slider et vous mettez dedans et vous mettez dedans le fichier jquery.nivo.slider.js, le fichier nivo-slider.css, et le dossier theme contenant le sous-dossier default lui-même contenant fichier default.css. Si vous prenez un autre thème, vérifier bien que les flèches de passage d’un slide à l’autre s’affichent bien... j’ai eu le problème)
• dans la page ou vous voulez qu’il y ait le slider (c’est-à-dire dans le squelette qui régit cette page) vous appeler avant la balise

les fichiers
<link rel="stylesheet" href="slider/themes/default/default.css" type="text/css" media="screen" /> <link rel="stylesheet" href="slider/nivo-slider.css" type="text/css" media="screen" />
• Toujours dans le squelette de la page, avant la balise
Indiquez l’intérêt que vous portez à cette réponse

0

Lucie

Mars 2017

Pour moi non plus ! ça ne marche pas... même en suivant pas à pas les indications d’Inaden.
La première image apparait mais le diaporama ne s’active pas pour laisser place aux images suivantes...
Si je ne trouve pas de solution, j’irai voir du côté d’un autre plugin.
Une idée ?
Indiquez l’intérêt que vous portez à cette réponse

0

inaden

Mars 2017

Bonjour Lucie
pour télécharger le plugins dans sa version "non plugins" c’est là et pour le paramétrage, je me suis servi d’une discussion sur un forum openclassroom ici.

Sinon, il faut que le plugins jQuery soit actif (vérifie que tu as bien l’appel du fichier jQuery.js dans ta page).

Sinon vérifie aussi dans le code source de la page html que plusieurs images sont bien appelées. Si ce n’est pas le cas, c’est peut-être une erreur dans la boucle spip (erreur de numéro de fichier par exemple).
Éventuellement donne l’url de ta page.
Tiens-nous au parfum.
Indiquez l’intérêt que vous portez à cette réponse

0

Lucie

Mars 2017

Bonjour Inaden, et merci pour ton retour !
Après quelques heures à essayer de bidouiller la mise en place d’un diaporama sur ma page sommaire.html avec Nivo Slider, sans succès...j’ai fait usage d’un autre plugin : Cycle2. Beaucoup plus facile à mettre en place pour moi, et oh grand miracle ! ça a marché !!...
Je travaille pour le moment mon site en local, donc je ne peux vous envoyer le lien. Je conseille donc Cycle2 à tous ceux qui auraient le même problème avec les diaporamas de Nivo Slider...
Bonne fin de journée, et encore merci !
Lucie.