Aperçu et agrandissement d'image

Découvrez tout ce qu’il faut savoir sur la communauté avant de vous plonger dans la course ! Règles, organisation, suggestions, élections, débats

Aperçu et agrandissement d'image

Messagepar abz » 05 Avr 2017, 17:49

C'est plus une correction qu'une nouvelle fonctionnalité, puisque le bbcode existait déjà mais ne marchait pas comme il faut, mais vous pouvez maintenant utiliser le bbcode "zoom" pour afficher une image en petit dans un post, qu'il sera possible d'agrandir en cliquant dessus.
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 ;)

Avatar de l’utilisateur
abz
Maillot à pois
 
Messages: 3500

Re: Aperçu et agrandissement d'image

Messagepar Evil » 05 Avr 2017, 17:54

abz, toujours au top 8)

Avatar de l’utilisateur
Evil
Jersey rojo
 
Messages: 6264
Localisation: twitch.tv/evilgaming64

Re: Aperçu et agrandissement d'image

Messagepar Cyro » 05 Avr 2017, 17:54

Super ajout !
Merci ! :heureux:

Avatar de l’utilisateur
Cyro
Entertainer Numero Uno
 
Messages: 19742
Localisation: Béarnais-Ozélandais / Wiwi in Aotearoa

Re: Aperçu et agrandissement d'image

Messagepar rthomazo » 05 Avr 2017, 17:57

Très pratique, merci abz :D

Avatar de l’utilisateur
rthomazo
Champion confirmé
 
Messages: 18205
Localisation: Plus en Bretagne :'(

Re: Aperçu et agrandissement d'image

Messagepar Lucas04100 » 05 Avr 2017, 18:47

Merci beaucoup abz :D

Avatar de l’utilisateur
Lucas04100
Légende du Gruppetto
 
Messages: 22406

Re: Aperçu et agrandissement d'image

Messagepar gosso » 05 Avr 2017, 19:05

Génial, au top abz ;)

gosso
Maillot jaune
 
Messages: 10769
Localisation: A l'époque j'étais supporter de la Juventus

Re: Aperçu et agrandissement d'image

Messagepar toto » 05 Avr 2017, 19:16

Super :banana

Avatar de l’utilisateur
toto
Jersey rojo
 
Messages: 6291

Re: Aperçu et agrandissement d'image

Messagepar Elias » 05 Avr 2017, 19:26

Super, je vais tester ça... :heureux: :heureux:

EDIT : juste, serait-il possible de centrer la légende sous la photo ? Merci ;)

Avatar de l’utilisateur
Elias
Maillot jaune
 
Messages: 10940
Localisation: Kelliwic'h

Re: Aperçu et agrandissement d'image

Messagepar Leon40 » 05 Avr 2017, 19:54

Très belle amélioration pour PCM France. Merci abz ! :ok:

Avatar de l’utilisateur
Leon40
Champion en devenir
 
Messages: 13340
Localisation: Pays de la Chocolatine

Re: Aperçu et agrandissement d'image

Messagepar Piepie33 » 05 Avr 2017, 21:27

Super :up

Avatar de l’utilisateur
Piepie33
Jersey rojo
 
Messages: 6850


10 messages
Retourner vers Vie de la communauté

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 10 invités