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
wiki:image [2019/02/16 14:19]
Amalya [Ajouter des images]
wiki:image [2019/04/24 12:18] (Version actuelle)
Amalya
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 93: Ligne 93:
 | ''*''    | jpg,gif,png images | Utilisé comme joker pour sélectionner certains fichiers dans un espace de nom donné. | | ''*''    | jpg,gif,png images | Utilisé comme joker pour sélectionner certains fichiers dans un espace de nom donné. |
  
 +===== Créer un diaporama (slider) =====
 +Grâce au plugin [[https://www.dokuwiki.org/plugin:slider|Slider]], on peut réaliser un diaporama défilant automatiquement. 
  
 +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 basique. La dernière diapositive doit être terminée avec un élément ''<nowiki></slider></nowiki>''.
 +
 +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.1550323182.txt.gz · Dernière modification: 2019/02/16 14:19 de Amalya

Piste: