Éducation, société et technologie

Créer un album photo

mercredi 8 octobre 2008 par André Vincent

Un album photo peut-être créé dans n’importe quel article ou rubrique. Il suffit dans l’espace privé d’y ajouter une ou plusieurs images qui se trouvent sur votre poste local ou sur un site distant.

Voici un exemple d’un album photos (ici nommé Portfolio) joint à un article. La même technique s’applique aussi à une rubrique.

Pour les rédacteurs

Des images aux fomats GIF, JPG et PNG peuvent être jointes à un article ou une rubrique en utilisant le formulaire JOINDRE UN DOCUMENT ou Ajouter une image ou un document lors de la création ou de l’édition d’un article ou d’une rubrique. Les images peuvent être jointes à un article ou une rubrique en utilisant l’une ou l’autre des méthodes suivantes :
  1. En téléchargeant une à une des images à partir de votre ordinateur.
  2. En téléchargeant un lot d’images compressés en un seul fichier au format .zip (SPIP vous propose alors de les décompresser et d’en faire un Portfolio, automatiquement)
  3. En référencant une image externe sur l’internet. Il suffit alors d’en indiquer l’adresse URL.

Dans l’exemple qui suit, nous avons utilisé les trois méthodes.

Pour ordonner les vignettes dans l’ordre désiré

  1. Faites simplement précéder le Titre de la vignette d’un nombre suivi d’un point et d’une espace, ainsi : 1. Le Lac des castors
  2. Les vignettes seront alors ordonnées selon le numéro de leur titre.

Pour l’administrateur du site

S’assurer d’abord, dans l’espace privé (à Configuration > Contenu du site : Documents joints), de cocher Autoriser les documents joints aux articles et Autoriser les documents joints aux rubriques.

Dans l’exemple au bas de la présente page, nous avons activé le plugin FancyBox dans Configuration -> Gestion des plugins. Si FancyBox n’est pas activé, la version agrandie de la vignette cliquée s’affichera sous l’ensemble des vignettes.

Autre type d’album

Exemple

Une Gallerie photos issue de Flickr

Code

Le code HTML copié du bouton Partager de la Gallerie photos de Flickr (dans l’onglet précédent)
  1. <object width="500" height="375">
  2. <param name="flashvars" value="&offsite=true&amp;lang=fr-fr&page_show_url=%2Fphotos%2Fstuckincustoms%2Fshow%2Fwith%2F3325256070%2F&page_show_back_url=%2Fphotos%2Fstuckincustoms%2Fwith%2F3325256070%2F&user_id=95572727@N00&jump_to=3325256070"></param>
  3. <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=67348"></param> <param name="allowFullScreen" value="true"></param>
  4. <embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=67348" allowFullScreen="true" flashvars="&offsite=true&amp;lang=fr-fr&page_show_url=%2Fphotos%2Fstuckincustoms%2Fshow%2Fwith%2F3325256070%2F&page_show_back_url=%2Fphotos%2Fstuckincustoms%2Fwith%2F3325256070%2F&user_id=95572727@N00&jump_to=3325256070" width="500" height="375"></embed>

Portfolio

Arrière-cours du Plateau Mt-Royal à l&#39;automne Le Lac des castors sur le Mont-Royal à l&#39;automne Montréal à l&#39;automne Le Mont-Royal à l&#39;automne
Accueil | Contact | Plan du site | | Statistiques | visites : 757836

Suivre la vie du site fr  Suivre la vie du site Ressources  Suivre la vie du site Squelette AHUNTSIC  Suivre la vie du site Tutoriels   ?    |    Les sites syndiqués OPML   ?

Site réalisé avec SPIP 2.0.7 + AHUNTSIC

Creative Commons License