Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
Dernière révision Les deux révisions suivantes
wiki:image [2019/02/16 14:22]
Amalya [Créer une galerie]
wiki:image [2019/04/24 12:17]
Amalya [Créer un diaporama (slider)]
Ligne 29: Ligne 29:
 Vous pouvez supprimer l'étape de la page de détail en affichant directement l'image originale lorsque vous cliquez sur l'image insérée dans votre document. Cela s'appelle un “lien direct”. Pour activer ce lien direct, ajoutez le paramètre direct comme ceci : Vous pouvez supprimer l'étape de la page de détail en affichant directement l'image originale lorsque vous cliquez sur l'image insérée dans votre document. Cela s'appelle un “lien direct”. Pour activer ce lien direct, ajoutez le paramètre direct comme ceci :
   {{:wiki:dokuwiki-128.png?direct}}   {{:wiki:dokuwiki-128.png?direct}}
-{{:wiki:dokuwiki-128.png?direct}}((Oui, machin. J'avais envie de variété.))+{{:wiki:dokuwiki-128.png?direct}}
  
 Pour qu'un clic sur l'image ne fasse rien, il suffit d'ajouter nolink : Pour qu'un clic sur l'image ne fasse rien, il suffit d'ajouter nolink :
Ligne 96: Ligne 96:
 Grâce au plugin [[https://www.dokuwiki.org/plugin:slider|Slider]], on peut réaliser un diaporama défilant automatiquement.  Grâce au plugin [[https://www.dokuwiki.org/plugin:slider|Slider]], on peut réaliser un diaporama défilant automatiquement. 
  
-<WRAP center round todo 60%> +Les diapositives doivent commencer par un élément ''<nowiki><slider></nowiki>''. Cet élément peut contenir une image (interne ou externe) qui sera affichée comme fond de la diapositive. On peut aussi ajouter d'autres éléments (syntaxe DokuWiki), qui seront affichés par dessus l'image, permettant d'ajouter des légendes, de réaliser l'équivalent d'une présentation basiqueLa dernière diapositive doit être terminée avec un élément ''<nowiki></slider></nowiki>''.
-Ajouter la traduction de la syntaxe du plugin. +
-</WRAP>+
  
 +Exemple de code pour un diaporama simple :
 +<code>
 +<slider some:internal:image.jpg>
 +<slider anotherlocalimage.jpg>
 +<slider http://example.com/externalimage.jpg>
 +</slider>
 +</code>
 +
 +Résultat : 
 +<slider categorie:mieuxetre15:bg.jpg>
 +<slider majonenc_imagify.jpg>
 +<slider https://liev.re/lievre/img/lievrechasse.jpg>
 +</slider>
 +
 +Exemple de code pour une "présentation" :
 +<code>
 +<slider categorie:mieuxetre15:bg.jpg>
 +===== Un titre =====
 +
 +Et quelques mots.
 +
 +<slider>
 +
 +Cette diapositive n'a pas d'image, juste du texte. 
 +
 +<slider majonenc_imagify.jpg>
 +</slider>
 +</code>
 +
 +<slider categorie:mieuxetre15:bg.jpg>
 +===== Un titre =====
 +
 +Et quelques mots.
 +
 +<slider>
 +
 +Cette diapositive n'a pas d'image, juste du texte. 
 +
 +<slider majonenc_imagify.jpg>
 +</slider>
wiki/image.txt · Dernière modification: 2019/04/24 12:18 de Amalya

Piste: