Test Views_slideshow

Officiel https://www.drupal.org/project/views_slideshow
doc install à https://www.drupal.org/node/755010 et views slideshows 3 tuto à https://www.drupal.org/node/903244

Démo des effets jQuery Cycle à http://jquery.malsup.com/cycle/browser.html

configuration (requiert Cycle Plugin)

Cf https://www.drupal.org/node/903244

En sites/all/libraries/jquery.cycle/jquery.cycle.all.min.js mettre la lib et y ajouter le plugin jQuery cycle (dans jquery.cycle)

Création d'une vue

Créer une vue de type page ou bloc et qui affiche des contenus. Ajouter les champs titre et body. On va ajouter les 5 derniers posts (tout type de contenu/bundle).

Partie Format / Format -> SideShow

 To use the advanced options you need to download json2.js. You can do this by clicking the download button at https://github.com/douglascrockford/JSON-js and extract json2.js to sites/all/libraries/json2

Et ca marche.

Autre facon de l'utiliser (avec un type de contenu créé pour)

Source: https://www.ostraining.com/blog/drupal/views-slideshow-in-drupal-7/

Créer un style d'image pour l'apercu: admin/config/media/image-styles réduire en 75x75
Créer un type de contenu slide show (ici slidesh), y ajouter un nouveau champs de type image. Si module "Link Field", ajouter un nouveau champs pour le lien (nommé dans mon ex field_slidelink).
Enfin, aller à "manage display" (admin/structure/types/manage/type-cont/display) : pour le mode "defaut": image afficher le style créé précédemment (ou autre), lier au contenu ; choisir l'ordre d'affiche des champs (pour modification coté end user). Pour le mode Teaser/Résumer: cacher certains champs, couper le body, positionner l'image en 1er. Option avec DS on met en 1 seconde l'image à gauche.

Créer la vue, de type contenu (créé pour), en mode bloc, format: Slideshow de teaser. Positionner le bloc (admin/structure/block).

Avec le module Link 7.x-1.3, en admin/structure/types/manage/slidesh/fields/field_slidelink partie "Link title" :
"If the link title is optional or required, a field will be displayed to the end user. If the link title is static, the link will always use the same title. If token module is installed, the static title value may use any other entity field as its value. Static and token-based titles may include most inline XHTML tags such as strong, em, img, span, etc."
Plus bas, à "Link target" on peux choisir par défault diverses valeurs (same, new... dont "Allow the user to choose"). Rel Attribute souvent y mettre nofollow (évite que les moteurs de recherche repèrent le lien). Il y a une case à cocher "Allow the user to enter a custom link class per link" ainsi que la possibilité d'ajouter une class css.

Autre facon de l'utiliser + lien (avec un type de contenu créé pour)

ajout de liens : http://www.bentedder.com/create-an-easy-jquery-slideshow-in-drupal-7/

Pourle site de iXe.
Requiert Modules : Views Slideshow (dc Views), Libraries, entityreference (ajouté par rapport à l'article original) et la librarie  jQuery Cycle.

1. créer un type de contenu "slide", qui comprend 1 image (1 seule, limité à 30 K et 640x480 dans un répertoire), un champs texte (pour le lien, nom systeme: [field_link]) et un titre. Ajouter 2 slides de test. Regarder les styles d'images à admin/config/media/image-styles.
   -> les 3 premiers points de l'article original (je n'utilise pas de pager).
2. créer un type de contenu "slides" (ou accueil) qui a un body, un titre et une référence (entityreference)
   - vers slide (nom system: field_ref_slide), dont le nombre maxi est 10 occurences de slide.
   - ver article (field_ref_article), 3 maxi
3. créer une vue de type de contenu slide, affichage champs pour la partie Master:
   1. ajouter la relation -> slide
      réduire avec le filtre "Entity reference" ou saisir slide, et cocher Entity Reference : Referenced Entity (referenced via field_nomchp)
   2. Champs (toujours exiger la relation pour les 3 champs)
      • lien de la slide, exlu de l'affichage car il n'est là en 1ere position que pour que les autres champs puissent récupérer la valeur de son token (qui contient le lien)
      • image de la slide, avec la valeur de "output this field as a link" le token du lien au-dessus (ex: [field_link])
      • titre
   3. Titre: aucun
      Format Slideshow (vient du module Views Slideshow + JQuery cycle)

Plus sur le web

Vidéo theming http://mustardseedmedia.com/podcast/episode42