Voilà une petite astuce pas très connue mais qui peut être très utile.
Personnellement je m'en sers presque dans chaque article.
Quand vous insérez une image dans votre article avec le mode lightbox activé, vous avez le choix entre seulement 3 tailles pour votre image: petite, moyenne, grande. Perso ça ne me suffit pas.
Donc voilà la petite astuce.
Quand vous insérez une image en mode HTML, le code se présente de cette façon:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-
w8_5WjuySlc/UOMHzlP3EpI/AAAAAAAAKoo/CYSPaYj1ITE/s1600/logo.png"
imageanchor="1"
style="margin-left:1em; margin-right:1em"><img border="0"
height="300" width="300"
src="http://3.bp.blogspot.com/-w8_5WjuySlc/UOMHzlP3EpI/
AAAAAAAAKoo/CYSPaYj1ITE/
s400/logo.png" /></a></div>
Le code en rouge ne va pas nous servir, c'est le code de l'image quand elle est dans la visionneuse. Mais le code en vert est intéressant car en supprimant la première partie en bleu:
height="300" width="300"
On va pouvoir jouer sur la taille en modifiant le nombre en bleu:
s400
Plus vous augmentez le nombre plus l'image sera grande, par exemple si je veux diviser la taille de l'image par 2 je fais:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-
w8_5WjuySlc/UOMHzlP3EpI/AAAAAAAAKoo/CYSPaYj1ITE/s1600/logo.png"
imageanchor="1"
style="margin-left:1em; margin-right:1em"><img border="0"
src="http://3.bp.blogspot.com/-
w8_5WjuySlc/UOMHzlP3EpI/AAAAAAAAKoo/CYSPaYj1ITE/s200/logo.png"/>
</a></div>
Cela peut vous paraître pas très évident mais en faite c'est simple, si on récapitule, il y a deux choses à faire, supprimer:
height="300" width="300"
Et modifier le nombre:
s400
Bien sur les chiffres ne seront certainement pas pareils chez vous, mais il y a aura toujours un width, height et sxxx.
Ne vous trompez pas, c'est le deuxième sxxx qu'il faut modifier, sinon le premier va modifier la taille de l'image dans la visionneuse.
Aucun commentaire:
Enregistrer un commentaire