Simple Image Resize

[Julschy]

Hallo,

ich will den MOD

http://www.phpbb.de/moddb/mod.php?id=140

bie mir so installieren, dass die Bilder zwar verkleinert werden, aber man sie nicht anklicken kann... Was muss ich dann ändern?

[mgutt]

Hi ist ganz einfach, genauso habe ich es dann auch bei mir gemacht:

in der bbcode.tpl stattdessen diesen code verwenden:

Code: Alles auswählen

<!-- BEGIN img --><img src="{URL}" border="0" onload="javascript:if(this.width > screen.width-400)this.width = (screen.width-400)" /><!-- END img -->

Trotz alle dem wirst du einen Fehler feststellen, dass die Randgröße der gesamten Tabelle trotzdem zu breit angezeigt wird.

Das liegt anscheinend am IE und ist gleichzeitig meiner meinung nach ein designfehler im phpbb.

und zwar wenn man ein größeres bild in der signatur verwendet oder in einem beitrag dann wird rechts viel mehr "luft" gelassen als eigentlich nötig. das komm dadurch, dass der rechte rand des bildes als anfangslinie für die weiteren symbole "Zitat", "Edit", etc. gewertet. Im Firefox passiert das nicht.

Ich habe diesen Fehler eingedämmt in dem ich folgende Zeile in der viewtopic.tpl :

Code: Alles auswählen

<td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
				<td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>

in diese geändert habe:

Code: Alles auswählen

<td nowrap="nowrap"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
				<td valign="top" nowrap="nowrap" align="right">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>

Eigentlich hat das eine mit dem anderen nichts zu tun, aber durch diesen Bug bekam ich den Image Resizer auch nie richtig zum laufen bzw. ich dachte er macht es nicht richtig

[Julschy]

So wie obne hatte ich es auch drin, dann lade ich aber die bbcode.tpl hoch, dann funtkionierts wenn ich einmal aktualisieren, gehe ich von der Seite weg, und dann wieder drauf funktioniert es nicht mehr...

[mgutt]

ich war gerade in deinem forum... bei mir gehts

ich schätze das problem ist, dass der befehl auch "onload" heißt, also wenn das bild geladen wurde, dann soll die größe angepasst werden.. ich schätze nach dem zweiten besuch, nachdem es dann schon geladen ist, will es nicht mehr kleiner werden.

aber zeig mir doch bitte mal einen beitrag mit der genauen klickreihenfolge.. ich kann den fehler noch nicht ganz nachvollziehen.. wie gehst du dann "nochmal" auf den beitrag?

[Julschy]

Mom, ich habe gerade einen testuser gemacht (name: Test Passwort: testuser)

Dann klicke ich auf "Martin, Hr. Koch und andere Leute" dann auf leute die saugeil aussehen, direkt auf S.4. Das 1. Bild


dann klick ich auf www.julschy.de - Foren-Übersicht

und dann mach ich wieder das:

Dann klicke ich auf "Martin, Hr. Koch und andere Leute" dann auf leute die saugeil aussehen, direkt auf S.4.

Gruß Julian

[mgutt]

ok der fehler taucht so wirklich auf.

vielleicht will es noch jemand nachvollziehen:

http://forum.julschy.de/viewtopic.php?t=21&start=75

dann auf:

Martin, Hr. Koch und andere Leute -> leute die saugeil aussehen -> seite 4

hm..

Dieser "Fehler" wird kompensiert, sobald man die Seite "aktualisiert". dann wird das bild wie schon angedacht neu geladen und dann richtig dargestellt.

auch wenn man den link in einem neuen Fenster öffnet kommt der fehler nicht vor.

man könnte noch ein addon einbauen:

Code: Alles auswählen

<!-- BEGIN img --><img src="{URL}" border="0" onClick="javascript:if(this.width > screen.width-400)this.width = (screen.width-400)" onLoad="javascript:if(this.width > screen.width-400)this.width = (screen.width-400)" /><!-- END img -->

das müsste zusätzlich das bild beim draufklicken verkleinern.

ich kann es gerade nicht testen.. muss gerade pc neustarten.. kannst ja mal meldung machen.

[Julschy]

Ja, das klappt, aber das ist ja eigentlich nicht was ich wollte... ich will ja, dass das automatisch passiert.

[mgutt]

eigentlich wie immer:

Mit Firefox tritt das Problem mal wieder nicht auf

Das Problem ist wohl wieder IE spezifisch.

Was häst du davon:

Code: Alles auswählen

<!-- BEGIN img --><img src="{URL}" border="0" onMouseover="javascript:if(this.width > screen.width-400)this.width = (screen.width-400)" onLoad="javascript:if(this.width > screen.width-400)this.width = (screen.width-400)" /><!-- END img -->

Das ist meiner Meinung nach zufriedenstellend. Dadurch wird das Bild kleiner, wenn der Mauszeiger drüber schwebt.

Hier gibt es übrigens eine Auflistung von Befehlen, die möglich wären:

http://de.selfhtml.org/javascript/sprac ... andler.htm

Man könnte als ADDon das auch so machen, das bei Doppelklick das Bild aufgeht, aber das ist nicht sinnvoll, wenn User ein Bild verlinken, dann gehen nämlich gleich drei Fenster auf

Wie gesagt, der Internet Explorer ist das schuld.

[mgutt]

ich habe eine idee.. wenn man das bild anklickt, dann soll es wieder in voller größe angezeigt werden, aber leider bekomme ich das nicht hin..

(nicht falsch verstehen.. nicht in einem neuen fenster sondern auf original größe sizen lassen)

[mgutt]

*bump*