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)] |
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 : |
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 basique. La 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> |