Faire un album photo qui défile (Deprecated)

Contributeurs

Statut du tutoriel : 

À ne plus utiliser

Catégorie du tutoriel : 

Niveau du tutoriel : 

Modules utilisés : 

Important : Suite à une faille de sécurité, le module n'est plus maintenu et a été retiré de l'installation Drupal de l'école, merci de vous reporter au tutoriel portant sur Flexslider.

Ce tutoriel permettait de faire un bloc de photos qui défilent sur une page particulière. Noter que le bloc peut être placé à un autre endroit, à la guise des besoins de l'administrateur ^^

0. Différence avec flexslider

Ddblock permet de réaliser facilement et rapidement un diaporama à partir d'images situées dans un dossier. Vous n'avez aucun moyen de filtrer les images ni des les lier à un contenu existant. Flexslider demande plus de configuration (il faut une vue) et se base sur un champ des contenus. De plus, si vous faîtes un champ avec des valeurs multiples (plusieurs images dans un même champ), vous devrez utiliser les view modes et le module Display Suite mais cela sort du cadre de ce tuto. En revanche, cela permet de lier très facilement l'image avec son contenu.

Si flexslider est plus proche de vos besoins, allez voir ce tuto.

1. Pré-configurer le site

  • Activer le module "Dynamic Display Block" (DDB)

2. Préparer les images

  • S'assurer d'avoir l'autorisation d'utiliser les images !
  • Rassembler les images dans un dossier
  • Compter les images (et noter quelque part ce nombre)
  • Effectuer une sauvegarde de ce dossier
  • Les redimensionner à la taille souhaitée pour l'affichage (pour ce tutoriel, on prendra 400x600)

Par exemple, dans une salle linux de l'école :

  • Lancer le terminal
  • Se placer dans le dossier où elles sont situées
  • Taper la commande mogrify -resize 600x400 *.jpg

3. Placer les images sur le serveur

Vous pouvez créer un dossier et uploader les photos avec IMCE. Voir par si besoin. Si vous avez beaucoup de photos, vous pouvez demander au club drupal de les envoyer sur le serveur. Il faut alors envoyer un mail à assos[at]centrale-marseille.fr avec les photos :

  • Le mail doit préciser qu'il s'agit d'images pour faire un bloc DDB, et qu'elles doivent être placées dans un sous-dossier du dossier /files Il faut également leur demander de fournir l'adresse exacte du dossier de retour (et noter cette adresse quelque part).
  • Ne pas oublier d'être courtois :)

4. Créer la page (ou l'article)

Rien de particulier sur ce point.

Éventuellement, préciser qui est le photographe en fin d'article.

Éventuellement, préciser qui sont les gens présents sur les images ont le droit de demander à l'admin que ces images soient retirées (cf la loi Informatique et Liberté).

5. Créer le bloc d'images

  • Se rendre à la page Menu d'administration : Structure > ddblock
  • Puis, en bas, rentrer un titre pour le bloc et cliquer sur Ajouter un bloc
  • Cliquer ensuite sur Configurer le bloc, en face du bloc créé
  • Dans la page qui s'ouvre :
  • Rentrer un titre qui s'affichera au dessus des photos
  • Choisir comme format d'entrée "Image folder"
  • Dans le champ de texte en dessous, rentrer l'adresse des photos que vous aura indiqué le club Drupal (par exemple "images/DDB/mondossier")
  • Laisser vide le champ suivant
  • Rentrer ensuite le nombre de photos (si vous doutez, mettez un grand nombre)
  • En dessous de "Hauteur", mettre la valeur 400
  • En dessous de "Largeur", mettre la valeur 600
  • (ou à la place, les tailles de vos images)
  • Recommencer au paragraphe suivant.
  • Les deux paragaphes suivants peuvent être laissés tels quel.
  • Tout en bas : dans Paramètres de visibilité spécifiques à l'utilisateur vous pouvez configurer sur quelles pages afficher le bloc.
  • Dans notre cas, dans Pages, on peut cocher Seulement les pages listées et entrer dans le champ texte le chemin de la page où afficher le bloc (par exemple "content/ma-page" ou "node/42")
  • Enfin Enregistrer le bloc.
  • Sur la page suivante qui s'affiche Menu d'administration : Structure > Blocs chercher votre bloc (en général, il est en bas) et le déplacer dans la région contenu
  • Enregistrer les blocs.

6. Admirer le résultat

  • Se rendre à nouveau sur la page initiale et constater que tout fonctionne :)

Si, ça ne marche pas, retour sur la page des blocs et vérifier que Seulement les pages listées est bien coché !