[1.0] Easy Image Resizer (BETA)

[DerKurde]

Hi, ich bin neu hier und hab aus Langeweile Simple Image Resize kräftig überarbeitet.

Das Ergebnis/DEMO:
http://winfire.wi.ohost.de/phpBB2/viewtopic.php?p=4#4

Unterschiede zum normalen 'Simple Image Resize':
+ Der Cursor ist jetzt eine Hand, dadurch weiss der User sofort, dass das verkleinerte Bild anklickbar ist
+ Verkleinerte Bilder haben jetzt Tabellenränder, dadurch erkennt man, dass es sich nicht um ein Originalbild handeln kann
---+ Wenn man das verkleinerte Bild berührt werden die Tabellenränder heller
+ Die englischen Texte wurden ins Deutsche übersetzt
+ Die Grössenangaben wurden besser an phBB optimiert
+ Bei Firefox erscheint das Fenster nicht mehr maximiert wegen der festen Grösse (natürlich kann man das Fenster weiterhin manuell maximieren)



Anleitung/CODE:

1. Finde die Datei bbcode.tpl und öffne sie (mit z.B. Wordpad)

2. Suche nach dem Code-Fragment:

Code: Alles auswählen

<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->

Ersetze ihn mit:

Code: Alles auswählen

<!-- BEGIN img --><table cellpadding="0" cellspacing="0" onMouseOver="this.style.backgroundColor='#A0A0A0'" onMouseOut="this.style.backgroundColor='#808080'" style="background: #808080 top right no-repeat; padding: 11px 2px 2px 2px; margin: 0px; border: 1px solid #808080;"><td><img src='{URL}' border='0' style="cursor:hand; cursor: pointer;" onload="javascript:if(this.width > screen.width-550)this.width = (screen.width-550)" onclick="javascript:window.open('{URL}','','scrollbars=1,toolbar=0,resizable=1,menubar=0,directories=0,status=0, width=550, height=550')" alt="In Originalgr&ouml;sse anzeigen" title="In Originalgr&ouml;sse anzeigen" /></td></table><!-- END img --> 

3. Dann die veränderte Datei einfach abspeichern und in den entsprechenden Ordner hochladen (z.B. templates/subsilver)

----------------------------------------------------------------------------------

Ich hab die Erlaubnis von dem Autor (likeatim) von "Simple Image Resize" gekriegt.

[Heuni]

finde ich schöner als vorher.

allerdings verkleinert der mod auch smilies bzw hinterlegt sie mit dem rand
kann man das ändern?

[DerKurde]

finde ich schöner als vorher.

allerdings verkleinert der mod auch smilies bzw hinterlegt sie mit dem rand
kann man das ändern?

Danke, hmm, bei mir gibt es keine Probleme mit Smilies:
http://winfire.wi.ohost.de/phpBB2/viewtopic.php?p=5#5

Es wäre gut, wenn du mir die Seite zeigen würdest, wo es das Problem gibt.

PS: Ich werd noch das Ganze verfeinern und dann einen anderen Namen geben.

[DerEine]

Hi,

habe den Mod "eingebaut".
Klappt pirma - das Bild wird verkleinert.

Nur ist darunter jede Menge "Luft" - also leerer Platz.
Den Link schick ich dir per PN

Stefan

[DerKurde]

Hi,

habe den Mod "eingebaut".
Klappt pirma - das Bild wird verkleinert.

Nur ist darunter jede Menge "Luft" - also leerer Platz.
Den Link schick ich dir per PN

Stefan

Danke, hmm, ich bin jetzt nicht der phpBB-Experte, aber ich glaube, dass es einerseits daran liegt, dass oberhalb des Signatur-Stichs ein bisschen leeren Platz gibt (dass kann man sehen, auch wenn man einen Text ganz unten postet) und daran, dass unterhalb der Bilder auch leeren Platz gibt und wenn die beide "zusammentreffen" gibt es halt einen sehr grossen leeren Raum. Ich werd mal schauen, was ich machen kann!

EDIT: Ich hab den Code umstruktiert, das Problem mit dem leeren Raum müsste jetzt gelöst sein.

Der neue Code

Code: Alles auswählen

<!-- BEGIN img --><br /><span onMouseOver="this.style.backgroundColor='#A0A0A0'" onMouseOut="this.style.backgroundColor='#808080'" style="background: #808080 top right no-repeat; padding: 11px 2px 2px 2px; margin: 0px;  border: 1px solid #808080;"><img src='{URL}' border='0' style="cursor:hand; cursor: pointer;" onload="javascript:if(this.width > screen.width-550)this.width = (screen.width-550)" onclick="javascript:window.open('{URL}','','scrollbars=1,toolbar=0,resizable=1,menubar=0,directories=0,status=0, width=550, height=550')" alt="In Originalgr&ouml;sse anzeigen" title="In Originalgr&ouml;sse anzeigen" /></span><!-- END img -->

Sag mir bescheid, wenn es geklappt hat!

EDIT: Hmm, Firefox hat mit dem neuen Code Probleme, ich hab beim ersten Post oben wieder den alten Code eingefügt, ich werd mal nach einer besseren Lösung suchen.

[DerKurde]

Wenn jemand eine browser-unabhängige Lösung kennt, kann derjenige ruhig den Code ändern und hier posten oder gar "Easy Image Resizer" fortsetzen.

[DerEine]

Hey prima

Jetzt klappt es einwandfrei
Sowohl mit Firefox 1.0, als auch mit IE 6.0

Danke für die schnelle Antwort und Hilfe!

Gruß

Stefan

[DerKurde]

Hey prima

Jetzt klappt es einwandfrei
Sowohl mit Firefox 1.0, als auch mit IE 6.0

Danke für die schnelle Antwort und Hilfe!

Gruß

Stefan

Mit Firefox auch?? Das freut mich aber!

[Dominik Müller]

Hallo zusammen,

bei mir steht im Code zu Schritt 2 folgendes:

Code: Alles auswählen

<!-- BEGIN img --><img src="{URL}" alt="Image" title="Image" border="0" /><!-- END img -->

anstatt

Code: Alles auswählen

<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->

Kann ich das dann ersetzen?
Sorry wenns ne blöde Frage ist - kenne mich aber mit dem Codezeugs überhaupt net aus

Grüße
Dominik

[fanrpg]

Ja kannst du, das dürfte keine Probleme geben