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 |
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 : |
| ''*'' | 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> |