phpBB.de

Verfasst: **25.04.2008 19:20**

[Beta] Automatisch Bilder verkleinern

Hier mal ein kleiner Mod.
Gerne Erweitere ich ihn noch wenn die gewünscht wird.

Verwendung ist frei!
Verbessert mich wenn was nicht Funktioniert.

Was macht der MOD
Mod verkleinert Bilder auf eine gewisse größe.
Beim Anklicken geht das Pic in Original Größe.
Beim erneuten klicken wieder verkleinert..

Wie baue ich mir den MOD ein?

Admin Bereich -> Beitäge -> BBCode

Dort fügen wir dann ein:

BBCode-Benutzung

Code: Alles auswählen

[imgv]{URL}[/imgv]

HTML-Ersetzung

Code: Alles auswählen

<script type="text/javascript">
<!--
var angezeigtebreite = 150;
var gespeichertebreite = 0;

function bildanpassen(bild)
{
    if (bild.width > angezeigtebreite || gespeichertebreite > angezeigtebreite)
    {
        if (bild.width == angezeigtebreite)
        {
            bild.width = gespeichertebreite;
        }
        else
        {
            gespeichertebreite = bild.width;
            bild.style.cursor = "pointer";
            bild.width = angezeigtebreite;
        }
    }
}
//-->
</script>
<img onclick="bildanpassen(this)" onload="bildanpassen(this)" src="{URL}" title="Zum Vergrößern/Verkleinern anklicken" alt="{URL}" />

Speichern!

Grösse kann man über die Zeile anpassen:

Code: Alles auswählen

var AngezeigteBreite = 150;

Einfach die 150 gegen eine Zahl ersetzen.

Benutzung
[imgv]Bildlink[/imgv]

So das sollte es gewesen sein.

Verfasst: **25.04.2008 19:27**

Vorschlag:
du machst das ganze nochmal xHTML-valid.
den einen 2ten html, head udn body Bereich bekommt man so bestimmt nicht validiert.

Verfasst: **25.04.2008 19:34**

Werd ich noch mal machen müssen, war die schnellste Lösung so was unzusetzen!

Edit:
kommt xHTMl schon näher als der erste versuch!

Verfasst: **25.04.2008 21:05**

Egonkab hat geschrieben:

Code: Alles auswählen

<img onclick="bildanpassen(this)" onload="bildanpassen(this)" src="{URL}" title="Zum Vergrößern/Verkleinern anklicken">

nimm mal besser

Code: Alles auswählen

<img onclick="bildanpassen(this)" onload="bildanpassen(this)" src="{URL}" title="Zum Vergr&ouml;ßern/Verkleinern anklicken" />

dann kommste dem ganzen noch ein stück näher.

Verfasst: **25.04.2008 21:10**

Ok danke..
Noch einer ne Idee?

Verfasst: **26.04.2008 00:46**

Code: Alles auswählen
Vergr&ouml;ßern

Code: Alles auswählen

Vergr&ouml;&szlig;ern

Verfasst: **26.04.2008 08:49**

4seven hat geschrieben:
Code: Alles auswählen
Vergr&ouml;&szlig;ern 

Oh ja stimmt xDD

Verfasst: **26.04.2008 10:37**

Egonkab hat geschrieben:Noch einer ne Idee?

Also mit

Code: Alles auswählen

<script type="text/javascript">
<!--
var angezeigtebreite = 150;
var gespeichertebreite = 0;

function bildanpassen(bild)
{
    if (bild.width > angezeigtebreite || gespeichertebreite > angezeigtebreite)
    {
        if (bild.width == angezeigtebreite)
        {
            bild.width = gespeichertebreite;
        }
        else
        {
            gespeichertebreite = bild.width;
            bild.style.cursor = "pointer";
            bild.width = angezeigtebreite;
        }
    }
}
//-->
</script>
<img onclick="bildanpassen(this)" onload="bildanpassen(this)" src="{URL}" title="Zum Vergrößern/Verkleinern anklicken" alt="{URL}" />

bleibt noch ein Fehler übrig:
Result: Failed validation, 1 Error
there is no attribute "onload"

onload gibts nicht für img Tags.

(Im übrigen können ö udn co so stehen bleiben. utf8_bin sei dank

)

Verfasst: **26.04.2008 12:24**

Danke!
So hab das mal übernommen.

Edit:
Kann mir jemand sagen wo ich den Originalen Bbcode durch meinen ersetzen kann?
Hab gerade mal gesucht, komme aber wieder net so richtig weiter!

Edit2:

Also wenn das Bild kleiner ist als wie gewünscht kann ich dies Trotzdem vergrößern, wieso?

Verfasst: **28.03.2009 12:29**

hallo zusammen,
kann ich das auch so einstellen, dass der normale [img]- Tag das Bild klein macht und nicht erst, wenn einer händisch noch ein v zum img hinzufügt?!

Danke
Bob

phpBB.de

[Beta] Automatisch Bilder verkleinern

[Beta] Automatisch Bilder verkleinern

Re: [Beta] Automatisch Bilder verkleinern