Skip to Content

module Drupal : Imagefield Gallery : création d'une galerie d'images (cck, imagefield, imagecache)

Dans ce tutoriel vidéo nous allons, en utilisant le module Imagefield Gallery, créer une galerie d'images (slideshow propulsé par Lightbox2). Le module Imagefield Gallery permet d'afficher les images jointes d'une publication sous forme de slideshow (il utlise le script javascript Lightbox2). Ce module est ainsi complémentaire du champ CCK Imagefield et utilise Imagecache pour les opérations de redimensionnement des images.

Téléchargez le module sur la page officielle du projet : http://drupal.org/project/imagefield_gallery

Les modules suivant doivent être installés obligatoirement :

Le tutoriel vidéo a été réalisé avec la version 5.x-1.4 du module (durée : 31 min) :

4.5
Average: 4.5 (6 votes)
Your rating: Aucun

Commentaires :

Merci

Excellent. Je marnais avec d'autres solutions, la tienne me donne exactement ce que je souhaitais.

2 preset dans une story

Bjr, Merci pour ce tuto très riche, pourtant
comment faire pour afficher ds une story une img teaser puis onclic
ds la page story le teaser img + une galerie photo style lightbox.
La fonction Imagefield Gallery Content Types m'oblige a choisir nogallery ou lightboxgallery. je ne peux donc pas faire cohabiter une grande image de tête de chapitre non cliquable et une galerie LB dynamique dans une même story. Comment faire ?

bonjour, je vois ce que tu

Portrait de robin

bonjour, je vois ce que tu veux dire, je me suis posé la même question.
je ne peux donc pas faire cohabiter une grande image de tête de chapitre non cliquable et une galerie LB dynamique dans une même story => exactement !
Ce que tu veux n'est pas possible car le choix de la galerie se fait en fonction du type de contenu (content type), galerie qui utilise le champ imagefield.
Donc, il n'est pas possible de dissocier un champ imagefield qui servirai juste pour une "image teaser" et un autre champ imagefield pour la galerie. On est obligé de sacrifier un type de contenu "entier" pour l'affichage de la galerie, c'est le module qui est ainsi fait :(

Reste la solution de l'insertion manuelle en xhtml de ton "image teaser" dans un champ text qui fera office de teaser
++

Merci pour ton post rapide !

Je vais suivre ton consei à la mano.
HS : je cherche maintenant a modifier la terminologie drupal de base (add new comment / read more / reply etc...) et après de longue recherche je n'y arrive tjrs pas. As tu un conseil ou un tuto a me conseiller ? Merci

oui, installer la traduction française

Portrait de robin

si tu veux les traduire en français.
si tu veux bosser en anglais en tant qu'admin : laisse l'anglais comme langue préférée dans ton profile ( >> my account >> edit >> Interface language settings )
pour que les internautes voient ton site en français, il faut mettre cette langue sur "default language" : .../admin/settings/locale >> manage languages (drupal 5.x)

pour installer le français sur drupal 6 : http://biboo.net/traduire-en-francais-drupal-6

pour drupal 5.x : créer d'abord la langue française, importer ensuite le .po (je prépare un tuto)

je cherche maintenant a modifier la terminologie drupal de base => si tu veux changer les termes anglais, il faut créer un autre langage "custom anglais" :
http://drupal.org/node/24593
++
pas oublier de se déconnecter pour vérifier "ce que voient les internautes anonymes" ...

héhéhé c parfait !

héhéhé c parfait !

galerie

Slt Robin,
as tu déjà installé flash gallery ? si oui as tu l'intention de faire un Tuto je galère sur ou et comment uploder les images merci !!!

pas fan du module image

Portrait de robin

En effet, flash gallery dépends du module Image dont je ne suis pas fan. Je l'avais essayé il y a longtemps et j'avais eu des problèmes.
Peut être que maintenant il tient la route...
Je préfère les solutions "basées" sur CKK et donc sur le champ Imagefield, comme par exemple les modules thickbox ou lightbox2 qui peuvent permettre la création de galeries d'images.
Pas de tutos sur Flash gallery dans l'immédiat même si le Simpleviewer sur lequel il se base à l'air sympa. Je le testerai peut être, mais quand, ça c'est une autre histoire ...

HELP! Pbm d'affichage des thumbnails

Bjr :-)
Mille mercis pour les tutos, je les dévore depuis 1 semaine !
Par contre, j'ai un souci d'affichage des images dans le blog des thumbnails. En activant le preset 1, je n'obtiens plus que les liens vers la galerie... Autre souci, mon admin imagecache se trouve directement sous l'onglet "construction du site" et non pas comme toi dans "configuration du site" et, à force de chercher en vain des solutions pour l'affichage de mes images, je me demande si la raison n'est pas une erreur d'installation du module. J'ai =ment dû installer le module imagAPI pour activer imagecache, c'est normal? As-tu un conseil pour moi ? Merci

version 6.x

Portrait de robin

tu dois êtrre en version 6.x, l'onglet n'apparait au même endroit en effet. c'est pas en problème d'install du module.
En activant le preset 1, je n'obtiens plus que les liens vers la galerie...=> il faut tout bien vérifier, tu as regarder dans la page/onglet "display files" lorsque tu édites ton type de contenu. Difficile de te dire d'ou vient ton problème ....

pbm résolu :-)

Merci robin ! La galerie fonctionne très bien maintenant. J'avais coché ImageMagick dans la configuration ImgAPI ce qui empêchait l'affichage de mes img dans le teaser lorsque je lui attribuait le preset1...

compatibilité 6x

vu que le module imagegallery s'est arrêté à sa version 5
Est ce qu'il y a une incompatibilité avec la version 6x de drupal ?
merci de votre aide !!!

non, modules en 5.X = pas

Portrait de robin

non, modules en 5.X = pas compatibles 6.x ..

Et inserer des videos ?

Bonjour,

Une fois encore les videos sont d'une grande aide. Merci.

Mais existe-t-il un vidéo qui montre quel module utiliser pour inserer une vidéo comme vous le faites, qu'elles soient visibles par tous ?

Merci encore.

Jet

les vidéos sur biboo.net sont

Portrait de robin

les vidéos sur biboo.net sont des simples copiés-collés de code xhtml.
Sinon, on peut faire comme ça :
http://biboo.net/build-video-gallery
ou comme ça :
http://biboo.net/feed-api-emfield

bonjour est il possible de

bonjour
est il possible de faire la meme chose avec drupal 6? car imagefield gallery n'est compatible qu'avec la version 5. Merci de votre aide

non, modules en 5.X = pas

Portrait de robin

non, modules en 5.X = pas compatibles 6.x .. (c'était indiqué dans les commentaires un peu plus haut).

Galerie photo version 6

Bonjour à tous et merci 1000 fois Robin pour tous ces excellents tuto (très clairs et très explicites)!

J'ai trouvé un tuto récent (anglais) de Jeff Eaton pour pouvoir créer ses galeries photos sous 6.x : http://www.lullabot.com/articles/photo-galleries-views-attach

Le rendu final est top, cependant il n'explique pas "from scratch"... en fait, c'est plus une démo de ce qu'il a déjà réalisé... Parallèlement, il met aussi à dispo une version exportée...

Ayant testé ce tuto plusieurs fois sans réussite (newbie n'aidant pas...), serait-il possible, Robin, d'avoir un petit complément d'information sur ce tuto (notamment sur la création des views...) et/ou sur la façon d'importer la version de Eaton ? (Peut-être 2 bonnes idées de tuto ;-) ? )

Merci encore!

bien vu ! le copmpte blip.tv

Portrait de robin

bien vu ! le copmpte blip.tv de Jeff Eaton est tout nouveau, voilà qui promet des "recettes de cuisine" de qualité. Il faut que j'explore tout ça... la views est en effet un peu compliqué, un tuto version française de ma part serait le bienvenu ... wait and see ... suis débordé en ce moment

Imagefield Gallery version 6.x

Bonjour à tous,

Suite à l'insistance de la communauté, (http://drupal.org/node/299122) le maintener du module Imagefield Gallery semble s'être remis au travail...
Une version 6.x-3.0-alpha5 est dors et déjà disponible ici : http://features.worxco.com/node/6
Je ne l'ai pas testé.

Cordialement,

Thib'

Poster un nouveau commentaire

  • Tags HTML autorisés : <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Les adresses de pages web et de messagerie électronique sont transformées en liens automatiquement.

Plus d'informations sur les options de formatage

CAPTCHA
Anti spam : répondez pour vérifier que vous êtes bien un humain !
1 + 16 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.