Bonjour,
Sur ce message :
Suggestions de modifications du code html/css
J'ai proposé de mettre les balises IMG dans une div pour ne pas que les grandes images provoque l'apparition d'une scroll barre dans l'ensemble du message. Cela permet d'avoir une scroll barre uniquement à l'image.
Cette div peut dans certain cas pauser problème, notamment avec l'imbrication dans d'autre balises.
A l'époque IE6 était encore considéré, et conditionnais tous les choix.
Hors, aujourd'hui je pense qu'on peut laisser tomber IE6 (ça ne fera qu'apparaitre une scroll barre).
Je propose donc de modifier, le code que j'avais proposé, avec du CSS maintenant mieux pris en charge dans les mise à jour des navigateur principaux (FF3, Opera9, IE7/8). A savoir :
Dans
~/main/class/parser/parser_fsbcode.php
#--Chercher--#
return ('<div class="image"><img src="' . trim($content) . '" ' . $attr_str . ' /></div>');
#--remplacer par--#
// Note : pour optimiser ce code il faudrait définir 'trim($content)' dans une autre variable.
return ('<img class="image" onclick="location.href=\'' . trim($content) . '\';" src="' . trim($content) . '" ' . $attr_str . ' />');
Dans
~/tpl/WhiteSummer/fsbcode.css
#--Chercher--#
#--remplacer par--#
Dans
~/tpl/WhiteSummer/ie6.css
#--Supprimer--#
Cela permet à l'image d'avoir la taille maximal d'affichage disponible, quelque soit la résolution, la taille de la fenêtre et ceux sans faire apparaitre de scroll barre. De plus avec un petit bout de JS elle devient cliquable pour être affichable dans le navigateur.