[Beta] Automatisch Bilder verkleinern

[Egonkab]

[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.

[nickvergessen]

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

[Egonkab]

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!

[djchrisnet]

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.

[Egonkab]

Ok danke..
Noch einer ne Idee?

[4seven]

Code: Alles auswählen

Vergrößern

Code: Alles auswählen

Vergrößern 

[djchrisnet]

Code: Alles auswählen

Vergrößern 

Oh ja stimmt xDD

[nickvergessen]

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 )

[Egonkab]

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?

[bobandrews]

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