PRTICE.INFO

Accueil > Sites web sous SPIP > Guides pour rédacteurs > Insérer des photos dans un article

Insérer des photos dans un article

dimanche 19 juillet 2009

A quoi ça sert ?

Avec SPIP, il est possible d’afficher les images de plusieurs façons : en taille petite ou moyenne, avec ou sans légende, aligné à gauche, à droite, centré, cliquable, sous la forme d’un diaporama...

Comment ça marche ?

Tout se joue dans les termes utilisés pour insérer les photos dans un article. Par exemple « < img51|center> » va afficher la photo sous forme d’image non cliquable et centrée.

Comment faire ?

- Type d’insertion

  • img : affiche l’image sans légende
    < img51|center>

    Jolie image


  • doc : affiche l’image avec sa légende
    < doc51|center>
    JPEG - 218.6 ko
    Jolie image
    C’est beau l’Aveyron !

- Alignement

  • center : l’image est centrée et séparée du texte
    < img379|center>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra, est sit amet ultricies tincidunt, sapien urna dignissim arcu, vel imperdiet ante orci nec tortor. Integer congue urna vel elit interdum adipiscing. Integer non libero tellus, ac porttitor ligula. Donec non sapien nisi.
Jolie image
Donec dignissim nibh quis mi convallis in malesuada sapien scelerisque. Nulla nec enim massa, quis semper eros. Proin vel condimentum augue. Vestibulum eu tortor vitae eros porta adipiscing sit amet luctus massa. Nulla semper tempus dolor, vitae tincidunt enim pharetra id. Curabitur nec tincidunt est. Sed tellus tortor, facilisis ut varius quis, eleifend sit amet lorem.


  • left : l’image est alignée à gauche et intégrée dans le texte
    < img51|left>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra, est sit amet ultricies tincidunt, sapien urna dignissim arcu, vel imperdiet ante orci nec tortor. Integer congue urna vel elit interdum adipiscing. Integer non libero tellus, ac porttitor ligula. Donec non sapien nisi.
Jolie image Donec dignissim nibh quis mi convallis in malesuada sapien scelerisque. Nulla nec enim massa, quis semper eros. Proin vel condimentum augue. Vestibulum eu tortor vitae eros porta adipiscing sit amet luctus massa. Nulla semper tempus dolor, vitae tincidunt enim pharetra id. Curabitur nec tincidunt est. Sed tellus tortor, facilisis ut varius quis, eleifend sit amet lorem. Donec dignissim nibh quis mi convallis in malesuada sapien scelerisque. Nulla nec enim massa, quis semper eros. Proin vel condimentum augue. Vestibulum eu tortor vitae eros porta adipiscing sit amet luctus massa. Nulla semper tempus dolor, vitae tincidunt enim pharetra id. Curabitur nec tincidunt est. Sed tellus tortor, facilisis ut varius quis, eleifend sit amet lorem.


  • right : l’image est alignée à droite et intégrée dans le texte
    < img51|right>

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra, est sit amet ultricies tincidunt, sapien urna dignissim arcu, vel imperdiet ante orci nec tortor. Integer congue urna vel elit interdum adipiscing. Integer non libero tellus, ac porttitor ligula. Donec non sapien nisi.
    Jolie imageDonec dignissim nibh quis mi convallis in malesuada sapien scelerisque. Nulla nec enim massa, quis semper eros. Proin vel condimentum augue. Vestibulum eu tortor vitae eros porta adipiscing sit amet luctus massa. Nulla semper tempus dolor, vitae tincidunt enim pharetra id. Curabitur nec tincidunt est. Sed tellus tortor, facilisis ut varius quis, eleifend sit amet lorem. Donec dignissim nibh quis mi convallis in malesuada sapien scelerisque. Nulla nec enim massa, quis semper eros. Proin vel condimentum augue. Vestibulum eu tortor vitae eros porta adipiscing sit amet luctus massa. Nulla semper tempus dolor, vitae tincidunt enim pharetra id. Curabitur nec tincidunt est. Sed tellus tortor, facilisis ut varius quis, eleifend sit amet lorem.


- Intégration au portfolio

Il est possible de déposer les images dans le portfolio, en cliquant sur le lien éponyme. Cette opération rend les images concernées cliquables et les organise en diaporama.

  • img : affiche l’image cliquable
    < img380|center>

    Jolie image {JPEG}

  • doc : affiche l’image cliquable et avec sa légende
    < doc389|center>
    JPEG - 218.6 ko
    Jolie image
    C’est beau l’Aveyron !

| Plan du site | Mentions légales | Suivre la vie du site RSS 2.0 | Haut de page | SPIP | ScolaSPIP
PRTICE.Info (PRTICE.info)
Directeur de publication : Julien Delmas