| Les deux révisions précédentes
Révision précédente
Prochaine révision
|
Révision précédente
|
wiki:image [2018/09/19 11:08]
Amalya |
wiki:image [2019/04/24 12:18] (Version actuelle)
Amalya |
| Vérifiez aussi que vous avez les droits pour utiliser l'image. Soit c'est une image que vous avez réalisé vous-même, soit elle est placée sous une licence qui permet la réutilisation **y compris dans un cadre commercial** (c'est le cas ici). | Vérifiez aussi que vous avez les droits pour utiliser l'image. Soit c'est une image que vous avez réalisé vous-même, soit elle est placée sous une licence qui permet la réutilisation **y compris dans un cadre commercial** (c'est le cas ici). |
| * Pour des images génériques, les sites [[https://pixabay.com/|Pixabay.com]] pour les photos et [[https://openclipart.org/|Openclipart.org]] pour les dessins sont très bien : tout y est sous licence CC0 (domaine public) et il y a un vaste choix. Ne prenez pas des images sur le net sans savoir précisément d'où elles viennent et si les auteurs sont d'accord pour qu'elles soient réutilisées. | * Pour des images génériques, les sites [[https://pixabay.com/|Pixabay.com]] pour les photos et [[https://openclipart.org/|Openclipart.org]] pour les dessins sont très bien : tout y est sous licence CC0 (domaine public) et il y a un vaste choix. Ne prenez pas des images sur le net sans savoir précisément d'où elles viennent et si les auteurs sont d'accord pour qu'elles soient réutilisées. |
| * Sinon, préférez des photos que vous avez pris vous-même et précisez bien la licence. [[admin@liev.re|Contactez-nous]] en cas de doute. | * Sinon, préférez des photos que vous avez pris vous-même et précisez bien la licence. |
| | |
| | <WRAP center round important 60%> |
| | Utiliser une image sans avoir de droits dessus vous expose à des poursuites judiciaires. N'utilisez pas d'image sans être certain d'avoir les droits pour le faire. [[admin@liev.re|Contactez-nous]] en cas de doute. Nous pouvons vous aider à comprendre les droits d'utilisations des images et à vous trouvez des alternatives. |
| | </WRAP> |
| |
| L'envoi de nouveaux fichier vers le wiki se fait lorsqu'on écrit un article en cliquant sur cette icone : {{http://khaganat.net/wikhan/lib/images/toolbar/image.png}} dans la barre d'outils. Cela va ouvrir le gestionnaire de média dans une autre fenêtre. On peut aussi l'ouvrir directement avec le lien "Gestionnaire Multimédia" en bas du site qui liste les images. | L'envoi de nouveaux fichier vers le wiki se fait lorsqu'on écrit un article en cliquant sur cette icone : {{http://khaganat.net/wikhan/lib/images/toolbar/image.png}} dans la barre d'outils. Cela va ouvrir le gestionnaire de média dans une autre fenêtre. On peut aussi l'ouvrir directement avec le lien "Gestionnaire Multimédia" en bas du site qui liste les images. |
| |
| Les images sont limités en taille (2Mb actuellement), essayez de les faire aussi légères que possible. Si votre image est en jpg, vous pouvez renseigner dans le gestionnaire de média des balises méta [[https://www.dokuwiki.org/fr:exif|EXIF]] : titre, légende, auteur, licence. Le jpg est souvent plus léger que le png mais il ne gère pas les effets de transparences. | Les images sont limités en taille (2Mb actuellement), essayez de les faire aussi légères que possible. Si votre image est en jpg, vous pouvez renseigner dans le gestionnaire de média des balises méta [[https://www.dokuwiki.org/fr:exif|EXIF]] : titre, légende, auteur, licence. Le jpg est souvent plus léger que le png mais il ne gère pas les effets de transparences. |
| | |
| ===== Syntaxe de base ===== | ===== Syntaxe de base ===== |
| {{page>wiki:syntax#images_et_autres_fichiers&noheader}} | {{page>wiki:syntax#images_et_autres_fichiers&noheader}} |
| 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> |
