[MC] Redimensionner auto d'image [Sans plugin]

[Tr4xmix]

Voici un petit MyCode qui permet d'éviter les images qui dépasse du forum afin d'avoir un sujet plus compréhensible et plus joli.
Donc il faut intégrer un code dans le CSS.

Theme Style /Global.css/Mode avancée

Code :

.maximage
{
max-width: 255px;
}

Après ajouter le MyCode:
Titre: maximage
Courte description: Mybb Max İmage No Plugin
Expression régulière:

Code :

\[img\](.*?)\[/img\]

Replacement:

Code :

<img onclick="javascript:window.location='$1';" src="$1" alt="İmage" class="maximage" title="Clique sur l'image pour l'agrandir">

Merci mybb.com

[Saphir]

Afin que le MyCode puisse être utilisé à plusieurs reprises sur une même page, je conseille de remplacer la dièse "#" par un point "." et de remplacer le nom de l'attribut "id" par "class".

En effet, de façon sémantique, il ne peut y avoir deux fois un même attribut "id" sur une seule page.

[Tr4xmix]

Ceux qui devrai donner ?

[Saphir]

Code :

.maximage
{
max-width: 255px;
}

Code PHP :

<img onclick="javascript:window.location='$1';" src="$1" alt="İmage" class="maximage" title="Clique sur l'image pour l'agrandir"> 


[Tr4xmix]

Merci. J'ai éditer les codes de la discussion.

[Kiindersurprise]

Merci.

[Tr4xmix]

(05-05-2013, 21:05)Kiindersurprise a écrit :  Merci.

De rien

[Zakenir]

Bonjour est-il possible de ne pas rediriger vers une autre page quand on clique sur l'image? Merci.

[exdiogene]

Une des multiples façons d'obtenir ce résultat serait de supprimer :

Code :

onclick="javascript:window.location='$1';"

Et ajouter dans le style :

Code :

img.maximage:hover
{
max-width: none;
}

Sans l'avoir testé, ce code devrait fonctionner dans tous les navigateurs récents.

[check]

Merci , fonctionne tres bien