nivo_slider

requiert: Block, Libraries API - 2.x et jQuery Update (à configurer en 1.7 ou plus). Intégré au thème Open Framework 2. La doc est ici (mais courte).

Il faut installer la librairie en sites/all/libraries/nivo-slider (c'est un plugin JQuery - à tester: drush dl media-nivo-slider-plugin), puis drush dl nivo_slider

Après avoir donné l'unique permission, cela crée un bloc (l'activer à admin/structure/block).
La page de conf est à admin/structure/nivo-slider, elle a 2 onglets:

  • SLIDE pour envoyer les images sur le serveur (avec lien vers la page voulue et choix d'une transition - pas de possibilité d'utiliser une image déja sur le serveur) et
  • OPTIONS, pour choisir l'un des 4 themes.

Très simple à l'utilisation, les images seront envoyées dans files/banner (l'UI ne permet pas de choisir un autre dossier, on ne peux pas utiliser imce pour chercher un fichier déja sur le srv).
indecision Si les images n'ont pas toutes la meme hauteur, cela bouge désagréablement si l'on ne veux pas la déformer (ou bien dans le style d'image, appliquer effet "Mise à l’échelle et recadrage" par ex 300x120 en largeur et hauteur, l'image sera déformée).

plus

modules liés

  1. https://www.drupal.org/project/views_nivo_slider
  2. https://www.drupal.org/project/nivo_formatter c'est un formatteur de champs image qui transforme n'importe quelle champs image en gallery d'images Nivo_Slider. Pour travailler avec Views, mettre le champs en "field template file"
  3. https://www.drupal.org/project/media_nivo_slider lié à  http://drupal.org/project/media_gallery 7.x-1.0-beta7 et requiert  Nivo Slider jQuery Plugin (2.7)

tests de mise en forme

pour le site de iXe (v7) :

nivo_slider-ixe

  1. styles d'images (admin/config/media/image-styles)
    slider_home :  Adaptive 1382, 992, 768, 480 + Mise à l’échelle et recadrage 300x120 (avec cet effet, Largeur et Hauteurs sont obligatoires).
    mini : Échelle 30x30 (agrandissement autorisé) + Adaptive 1382, 992, 768, 480
  2. conf du slider à admin/structure/nivo-slider/options
    Theme: défaut ; "Use image styles to generate slider images" cochée ; utilise slider_home.
  3. Utilisation -> admin/structure/nivo-slider
    a aussi les champs "Link slide to URL", "Show slide on specific pages" facon bloc, et choix de la Transition (pour une slide).

Avec les effets, c'est difficile de travailler sur les styles CSS. Par défo: Anim speed à 500 ms et Pause time à 3000 ms => lors théming, Pause time mis à 30 000 ms, ne publier qu'une seule slide à la fois (une trop petite, une trop grande...).

La .css du thème "default" est dans libraries (sites/all/libraries/nivo-slider/themes/default/default.css).
+ libraries/nivo-slider/nivo-slider.css

docs

http://docs.dev7studios.com/jquery-plugins/nivo-slider

https://www.drupal.org/project/nivo_slider

http://www.soslignes-ecrivain-public.fr/Nivo-Slider-5-new-tips-to-change-its-look.html
http://www.soslignes-ecrivain-public.fr/7-Nivo-Slider-Tricks-and-Tweaks.... un ex (à http://www.soslignes-ecrivain-public.fr/Really-Cool-Tip-Easy-image-taggi... )

admin/structure/nivo-slider