Mise à jour de la balise [img]

Montée en puissance de la balise Image

Une des balises les plus utilisées du forum, à savoir "img", vient de voir ses cojones pousser et ses fonctionnalités étendues au point d'englober totalement celles des balises AdaptImage et Thumb (ainsi rendues obsolètes), en plus de celles actuelles.

Pour le coup, elle se voit affubler du grandiloquent sobriquet de : "image". Original, non ?


1- Postage d'image "classique"
Pour poster une image de manière "classique" dans le forum, sans rien de spécial, continuez d'utiliser cette balise exactement comme avant.


2- Adaptation automatique
L'avantage étant que désormais la taille de l'image s'ajustera automatiquement pour entrer dans le cadre dans lequel elle se trouve, que ce soit un post bien sûr, mais aussi un spoil, un quote, ou une balise Info par exemple.

Autrement dit, plus besoin de vous demander si l'image que vous allez poster (via son lien/url) sera trop grande ou pas, et donc s'il faut utiliser la balise AdaptImage ou pas, la balise image s'en charge désormais. La balise Adaptimage n'ayant donc plus aucune raison d'être utilisée, elle est retirée de la liste de boutons au-dessus de la zone de texte (Réponse Rapide ou normale).

Avec en bonus le fait qu'on peut maintenant aligner côte-à-côte plusieurs images "adaptées", chose impossible avec l'autre balise.


3- Redimensionnement de l'image (resize)
En plus de l'adaptation automatique, il est maintenant possible avec la balise image de *redimensionner* l'image originale (en réduction ou en agrandissement).

Pour cela il suffit d'ajouter, en fin de lien/url d'image, un "@" suivi des dimensions que vous voulez imposer à l'image, séparées par un "x" (largeurxhauteur en pixels).

Information

Ex: [image]http://www.site.com/images/image.jpg@480x320[/image]

4- Redimensionnement, Largeur only please
Mieux encore, il est possible de ne spécifier que la largeur (ou la hauteur) voulue, cette balise (enfin, le code qui est derrière ^^) calculera l'autre dimension tout en respectant évidemment l'aspect ratio de l'image. Dans ce cas le "x" est facultatif :

Information

Ex: [image]http://www.site.com/images/image.jpg@460[/image]

Pour ne spécifier que la hauteur, le "x" est par contre obligatoire :

Information

Ex: [image]http://www.site.com/images/image.jpg@x260[/image]

Par ailleurs au cas où les nouvelles dimensions calculées "sortiraient du cadre", là aussi l'image sera automatiquement adaptée au cadre et les proportions conservées. De même, ici aussi il est possible d'aligner côte-à-côte plusieurs images redimensionnées.

On voit donc que la balise Thumb, qui permettait en partie ce genre d'opérations, est aussi devenue obsolète et disparaît donc elle aussi du panneau de réponse (au-dessus de la zone de texte).


En résumé : continuez d'utiliser la balise [image] comme avant - et si vous voulez dimensionner l'image postée d'une façon spécifique, il suffit de rajouter en fin de lien de l'image cette ou ces dimension(s), comme indiqué ci-dessus.

Superbe boulot ! C'est vachement pratique ça en plus. Merci peezee !

Thanxx Toti (sans oublier le sérieux coup de main de Jester, as always).


Test resize plusieurs images sur mm ligne :

Fennec,

Je sens qu'on va se marrer.

Bon les gars, ça fait plaisir de voir que vous avez capté l'intérêt de la chose ^^ et de comment s'en servir, mais arrêtez les conneries on va sûrement changer le nom de la balise ajd (pour être compatible avec la prochaine MàJ du forum) et chuis pas certain d'avoir envie de revenir nettoyer après...

Pour prendre note du changement de nom de la balise, was [img], is now: [image].

N'oubliez pas de vider votre cache navigateur pour afficher tout cela correctement.

Est-il prévu dans un futur proche de permettre l'intégration du format .webm qui est petit à petit en train de prendre la place du .gif ?

Fennec, oui, j'ai prévu une màj de la balise [video] pour ça, mais en fait faut la revoir entièrement, du coup en attendant ce beau jour à venir on peut utiliser la balise [video2] pour ces webm et autres formats modernes (cliquer sur la balise "video" et rajouter le "2" à la main (sur la balise initiale et aussi finale).

Ah super, merci pour l'info. C'est vraiment pratique, ça évite les chargements interminables des gifs un peu lourds.

Spoiler: montrer

Nickel.

Clair nickel ! Ca charge plus vite en effet...

Capture.PNG

(4.37 Kio) Téléchargé 6370 fois

Weird, ça marche chez moi.

teste sous IE pour voir

Désolé. Je ne m'attends jamais à ce que des gens utilisent encore ce truc.

Fennec, merde c'était un appeau à peezee et c'est toi qui répond

Et je trouve qu'il a parfaitement répondu d'ailleurs.

Comme par hasard c'est *encore* I.E. qui bloque...

Faudrait voit si ça passe sous Opera, Chrome et Safari par ex. (biggest market share après FF/IE je crois, nan ?)

Nan Google Chrome est en première place en 2014, suivi de IE, FF, Safari et Opera.
http://www.zdnet.fr/actualites/chiffres ... 381322.htm

Bah putain, Google doit avoir accumulé 39843430983627409572TB de données sur les clients utilisateurs de Chrome...