Seite 1 von 1

BB-Code (IMG) Größenanpassung...

Verfasst: 20.12.2011 09:10
von masterkern
Hallo Community,

in meiner Community ist es nur möglich via BB-Code Bilder einzubinden. Was mich persönlich immer stört ist, wenn Bilder eingebunden werden die einfach zu BREIT sind, gibt es eine Möglichkeit über den genannten BB-Code die Bilder anpassen zu lassen?

Der hier funzt leider nicht, freue mich über Vorschläge.

bbcode.html

Code: Alles auswählen

<!-- BEGIN img --><img src="{URL}" alt="{L_IMAGE}" width:50px;height:50px; /><!-- END img -->

Re: BB-Code (IMG) Größenanpassung...

Verfasst: 20.12.2011 11:06
von Miriam
finde in der bbcode.php

Code: Alles auswählen

'img'		=> '<img src="$1" alt="' . $user->lang['IMAGE'] . '" />',
tausche aus gegen:

Code: Alles auswählen

'img'		=> '<img src="$1" alt="' . $user->lang['IMAGE'] . '" style="width:50px; height: 50px;"/>',

Re: BB-Code (IMG) Größenanpassung...

Verfasst: 21.12.2011 09:46
von modernist
Wenn man Weite und Höhe vorgibt, verzerrt das doch Bilder, die nicht das gleiche Verhältnis haben.
Sinnvoller ist es, im ACP unter Allgemein -> Board-Konfiguration -> Beiträge die Maximale Bild-Breite in Beiträgen und Maximale Bild-Höhe in Beiträgen festzulegen. Bilder die breiter/höher sind als maximal erlaubt, werden nicht angezeigt und der Beitrag kann nicht erfolgreich abgeschickt werden, bis das geändert wurde.

Re: BB-Code (IMG) Größenanpassung...

Verfasst: 21.12.2011 19:18
von Miriam
Zusätzlich kannst du auch einen neuen BBCode bauen, und hast einen neuen Knopf zum einpflegen remoter Bilder.

So in der Art ->
  • BBCode Benutzung:

    Code: Alles auswählen

    [remote_img]{URL}[/remote_img]
    HTML Ersetzung:

    Code: Alles auswählen

    <a onclick="window.open(this.href,'_blank');return false;" href="{URL}" style="border:none;"><img src="{URL}" width="100%" /></a>
Das eingebundene Bild wird vom Browser passend zusammengestaucht, so dass es in das Layout des Styles passt. Abhängig von der Auflösung des Bildschirms des Benutzers.
Es ist eine Verlinkung auf das originale Bild hinterlegt; wenn man das Bild anklickt, wird das Bild in einem neuen Fenster gezeigt.