Pour cela, c'est très simple, vous faites comme pour le bbcode "img", en mettant l'adresse de l'image à l'intérieur :
- Code: Tout sélectionner
[zoom]https://pbs.twimg.com/media/C8gKZUzXkAUGXI3.jpg[/zoom] [zoom]https://pbs.twimg.com/media/C8lWVL7XUAQOaqJ.jpg[/zoom] [zoom]https://pbs.twimg.com/media/C8lWHK_W0AAa4-P.jpg[/zoom]
Ce qui donne :
Comme vous pouvez le voir, il ne s'agit pas de créer manuellement une version plus petite de l'image, mais plutôt de mettre uniquement la grande version de l'image dans le bbcode, qui sera automatiquement réduite à 250 pixels de large à l'affichage de l'aperçu.
S'il y a plusieurs images avec le bbcode zoom dans un même post, comme ici, il est possible de naviguer directement entre elles dans la fenêtre d'agrandissement, soit via les boutons flèches correspondants dans la barre de boutons affichées en bas de la page, soit en utilisant les flèches gauche et droite du clavier.
Voilà pour la correction. Mais on en a profité pour y ajouter quelques fonctionnalités.
Par défaut l'aperçu fait donc 250px de large, mais vous pouvez changer cela en ajoutant une largeur personnalisée dans le bbcode :
- Code: Tout sélectionner
[zoom=500]https://pbs.twimg.com/media/C8gKZUzXkAUGXI3.jpg[/zoom]
Pour que l'aperçu prenne toute la largeur disponible, mettez "large" :
- Code: Tout sélectionner
[zoom=large]https://pbs.twimg.com/media/C8gKZUzXkAUGXI3.jpg[/zoom]
Vous pouvez aussi ajouter une légende à l'image, affichée en dessous de l'agrandissement :
- Code: Tout sélectionner
[zoom=Victoire d'Albasini]https://pbs.twimg.com/media/C8lWVL7XUAQOaqJ.jpg[/zoom]
Pour combiner les deux, il suffit de les séparer d'un point virgule :
- Code: Tout sélectionner
[zoom=500;Victoire d'Albasini]https://pbs.twimg.com/media/C8lWVL7XUAQOaqJ.jpg[/zoom]
[zoom=large;Victoire de Justin Jules]https://pbs.twimg.com/media/C8lWHK_W0AAa4-P.jpg[/zoom]
Si l'image s'ouvre dans un nouvel onglet, ou qu'il y a des soucis d'affichage, essayez de faire F5 voir Ctrl+F5