============================================================================================ Plugin MSC NivoSlider pour SPIP 3 -------------------------------------------------------------------------------------------- Auteur : Copyright Jean-Yves GIRAUD - 2014-2015 Site : MySite Concept -> http://mysiteconcept.com ============================================================================================ V3.0.4 (10/11/2015) ====== - Création d'une version light du js nivo-slider (un seul effet : fade; suppression de certains paramètres peu utiles) - Suppression du paramètre |effet=xxx pour SPIP - Correction des modèles "nivoslider-inc-liste.html" et "nivoslider-inc-liste-article.html" V3.0.3 (03/04/2015) ====== - Corrections pour IE8 et IE7 - Largeur maxi par défaut : 640px au lieu de 500px V3.0.2 (20/01/2015) ====== - Ajout de la possibilité d'avoir une syntaxe , XX étant l'ID d'un article pour afficher toutes les images de cet article - Si on ne précise pas la largeur et la hauteur, les dimensions maxi sont calculées à partir des images (la plus grande largeur et la plus grande hauteur) en fonction du nouveau paramètre de largeur maxi. Dans la pratique, cette largeur maxi doit correspondre à celle définie par le squelette. V3.0.1 (21/11/2014) ====== - Pour les liens sur les images, au lieu d'utiliser la champ "Description" (balise #DESCRIPTIF), on utilise le champs "Crédits" (balise #CREDITS) - Pour les liens sur les images, standardisation des liens internes (articleXX, rubriqueXX ou breveXX) : prise en compte de la configuration des URLs - Version 3.2 custom (par JYG) du JS Nivoslider : correction d'un bug pour conserver la bonne largeur du slider lors des animations V3.0.0 (16/01/2014) ====== Ce plugin a pour but de permettre d'insérer facilement dans les articles de SPIP des diaporamas utilisant le plugin javascript Nivo Slider de Gilbert Pellegrom (http://dev7studios.com/). Ce plugin MSC NivoSlider pour SPIP est conçu en "Responsive Web Design". Utilisation sous SPIP dans un article : ------------------------------------- - Télécharger normalement des images, de préférence de même dimension et avec la même orientation. - Insérer la balise avec la syntaxe minimale suivante : (les numéros sont ceux de SPIP pour les images) On peut ajouter à la balise des paramètres pour personnaliser l'apparence du slider (surcharge des valeurs configurées par défaut) : - |position=xxx (valeurs : center, left, right) - |effet=xxx (valeurs : random, sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, slideInRight, slideInLeft, boxRandom, boxRain, boxRainReverse, boxRainGrow, boxRainGrowReverse) - |vitesse=xxx (valeur en ms) - |pause=xxx (valeur en ms) - |fleches=oui par défaut ou non (fleches de navigation, ainsi que le pauseOnHover) - |controles=oui par défaut ou non (affichage des controles de navigation, vignettes ou puces) - |vignettes=oui par défaut ou non (affichage des vignettes pour les controles de navigation) - |titres=oui par défaut ou non (affichage des titres) - |largeur=xxx (valeur en px) - |hauteur=xxx (valeur en px) Par exemple : Pour l'affichage d'un titre, modifier le champ "Titre de l'image". Pour créer un lien sur une image, modifier le champ "Description" : on peut y mettre soit un lien interne comme par exemple "article92", soit un lien externe comme "http://mysiteconcept.com". Dans l'administration de SPIP, on peut configurer les valeurs par défaut des paramètres suivants : - Position : 'center' par défaut -> correspond au paramètre 'position' de la balise - Thème : 'default' par défaut - Mode de recadrage (pour redimensionnement/recadrage forcé) : 'center center' par défaut - Effet de transition : 'random' par défaut -> correspond au paramètre 'effet' de la balise - Vitesse d'animation : 1000 (en ms) par défaut -> correspond au paramètre 'vitesse' de la balise - Temps de pause entre les images : 4000 (en ms) par défaut -> correspond au paramètre 'pause' de la balise - Nombres de tranches : 15 par défaut - Activation des flèches de navigation : 'oui' par défaut -> correspond au paramètre 'fleches' de la balise - Activation des contrôles de navigation (puces ou vignettes) : 'oui' par défaut -> correspond au paramètre 'controles' de la balise - Affichage des vignettes (si les contrôles de navigation sont activés) : 'non' par défaut -> correspond au paramètre 'vignettes' de la balise - Pause du slider au survol des images : 'oui' par défaut - Affichage des titres : 'oui' par défaut -> correspond au paramètre 'titres' de la balise Précisions sur les dimensions du slider : Si on ne précise pas les dimensions via les paramètres |largeur et |hauteur de la balise , ce sont les dimensions maxi données par le squelette via le filtre |image_reduire qui s'appliquent, comme par exemple pour une image simple. Si on force les dimensions via les paramètres |largeur et |hauteur de la balise , elles seront quand même soumises aux dimensions maxi données par le squelette via le filtre |image_reduire. Un redimensionnement/recadrage s'applique en fonction également du paramètre "mode de recadrage" pour donner les proportions que l'on souhaite au slider.