Seite 1 von 2

Image Resize in BBCode need Help

Verfasst: 07.02.2005 01:20
von JMC
hallo ich hab ne frage an jemand der profi ist ;)

also ich will das wen jemand ein übergrosses bild einfügt in das phpBB board das es verkleinert wird

dazu habe ich so was zusammengestellt ...

Code: Alles auswählen

<!-- BEGIN img --><img src='{URL}' border='0' onload="javascript:var RZ = 50; var bW = (this.width/(screen.width/100*RZ)); var bH = (this.height/(screen.height/100*RZ)); if(this.width>(screen.width/100*RZ)) { with(this) { height = (this.height/bH); width = (this.width/bW);}}" onclick="javascript:window.open('{URL}','','scrollbars=1,toolbar=0,resizable=1,menubar=0,directories=0,status=0')" alt="Open in Window? Click" title="Open in Window? Click" /><!-- END img -->
also so sollte das enden
alles in einer zeile

aber hier mal so was übersichtliches das natürlich nicht funktioniert

Code: Alles auswählen

<!-- BEGIN img -->
<img src='{URL}' border='0' onload="
javascript:
var RZ = 50; 
var bW = (this.width/(screen.width/100*RZ));
var bH = (this.height/(screen.height/100*RZ));
if(this.width>(screen.width/100*RZ)){
with(this) { 
height = (this.height/bH); 
width = (this.width/bW);}}"

onclick="javascript:window.open('{URL}','','scrollbars=1,toolbar=0,resizable=1,menubar=0,directories=0,status=0')" alt="Open in Window? Click" title="Open in Window? Click" />
<!-- END img -->
ich glaube die zeile...

var bH = (this.height/(screen.height/100*RZ));

ist falsch und muss gelöscht werden
und die zeile..

height = (this.height/bH);

muss durch

height = (this.height/bW);

ersezt werden


der sinn des ganzen ist das, dass bild falls es grösser ist als die prozent angabe in "var RZ" , verkleinert wird.. auf die prozendangabe in "var RZ" in diesem beispiel 50% der bildschirm grösse

sicher denken nun einige "ja halt das haben wir schon"
und aufmerkasame werden bemerken das ich mich an diesem silplen inageresize mod etwas bedient habe ;)

der Mod reduziert einfach die weite um 300px

ich möchte aber ...

A) das ich die %angabe in "var RZ" frei regulieren kann
B) das das bild in den proportionen bleibt !

nun funktioniert das soweit das ich die zeillen


height = (this.height/bH);
width = (this.width/bW);

austauschen kann und entweder fird die weite oder die höhe verkleinert aber nicht beides

dabei spielt es keine rolle ob ich mit dem WITH(){} arbeite oder nicht

und das problem trit in firefox und IE auf also muss da irgendwas am code falsch sein und nicht am browser :D


kann mir bitte jemand helfen ?

das ganze würde dan in /templates/subSilver/bbcodes.tpl eingebaut

also wäre wirklich nett wen jemand helfen könnte
(ohne so "wir wissen alles schau selbst" sprüche ;) )

und bite irgendwie ferständlich für nicht programmierer und ahnungslose ;)

Verfasst: 07.02.2005 09:02
von Mario Siebert
Warum nutzt du nicht diesen Mod: http://www.phpbb.de/moddb/mod.php?id=140 dann kannste dir die Arbeit sparen da er in etwa das macht was du haben möchtest.

Grüße Mario

Verfasst: 07.02.2005 18:37
von JMC
weil ... ;)

Code: Alles auswählen

<!-- BEGIN img -->
<img src='{URL}' border='0' onload="

javascript:if(this.width > screen.width-300)
this.width = (screen.width-300)"
 
onclick="javascript:window.open('{URL}','','scrollbars=1,toolbar=0,resizable=1,menubar=0,directories=0,status=0')" alt="Posted Image, might have been reduced in size. Click Image to view fullscreen." title="Posted Image, might have been reduced in size. Click Image to view fullscreen." />
<!-- END img -->
wie ich das sehe, dieser mod nur auf die weite des bildes wirkt
und wie ich sehe in keiner form auf die höhe des bildes

ich habe diesen mod auch getestet
und das bild wird natürlich zusammen gequetscht

aber nicht so wie ich es versuchte, proportional
sondern nur in der weite
also die höhe bleibt unangetastet

und wie ich schrieb habe ich mich auch einwenig an diesem MOD bedient ...
was übrig bleibt ist die windowsOpen funktion

theoretisch sollte eigentlich alles gehen mathematisch mässig
und der code sollte auch gehen

aber irgend etwas geht nicht :(

der browser IE oder FireFox führt nur eine grössenveränderung aus
entweder auf weite oder höhe
das ist abhängig davon welcher befehl im script zuerst kommt ... betreffender befehl funktioniert,
der zweite nicht ....

erst dachte ich OK FireFox spinnt ... aber IE macht dies auch so

und dan dachte ich jemand hier hat ne idee wie ich das zum laufen bringe

also bildverkleinerung mit einem script und proportional zum Bild innerhalb einer %stuffe des bildschirms

und nicht nur in der weite oder höhe

das war der grund weshalb ich versuchte den mod um zu schreiben

und ich finde keine logische erklährung wiso es nicht geht

im gegensatz zum existierenden MOD
wo isch sehr wohl erkenne warum der nicht proportional auf das bils wirkt

.... also nochmals ...

kann mir bitte jemand helfen oder versuchen zu helfen
mit einem heissen tip oder einem genialen Code der funktioniert ??????

bitte

Muahahahahaha

Verfasst: 07.02.2005 21:43
von JMC
OK da kam mir ne Idee ;) *g*

und dan machte ich das mal und ......

Tatarata ... *starwarsMusikEinspiel*...
es FUNKTIONIERT

also mein tip Vergesst den MOD den mir 2 postings oberhalb angeboten wurde !!! der verzehrt eure bilder aus schon besprochenen Gründen ;)

stadt dessen versucht es mal mit meinem MOD der in IE und FireFox prächtig funktioniert

dieser mod quetscht eure Bilder nicht nur horizontal zusammen
sondern verkleinert die Bilder PROPORTIONAL ;)
und bei KlickDarauf komt ein fenster mit dem bild in Original grösse ;)

und nun kommts noch ober FETTTTTTT :D

also ich befasse mich zirka seit einer Woche mit So PHPboard und so kenn mich total nicht aus unnnddddd

Muahahahah

hier das ganze EasyMod Tauglich ... sollte gehen habs aber nicht getestet ;(

also auf eigene gefahr ... aber es kann nur gehen *g*

die % angabe müsst Ihr vor der EasyMod instalation im instal File anpassen oder nachträglich im Instalierten code ;)
standart = 50% der bildschirm grösse

kopiert den Code fügt ihn in eine Text datei speichert sie under instal_JMC_MOD_001.txt
schmeisst es ind das easymod mod verzeichniss und install im ACP oder wie das ding heisst *g*

Code: Alles auswählen

## EasyMod 0.0.10 Compatible
############################################################## 
## MOD Title: JMC-Proportional-PiX-ReSize MOD
## MOD Author: JMC aka JMChef, Omni Creator
## MOD Description: Proportional resize of Pictures / Proportionale Grössenänderung von Bildern
## MOD Version: 0.0.1 - english, german
## 
## Installation Level: Easy / Einfach
## Installation Time: 3 Minutes / 3 Minuten ;) 
## Files To Edit: templates/subSilver/bbcode.tpl
############################################################## 
## For Security Purposes, Please Check: By your self ;)
## Für  Sicherheitszwecke, Bitte Kontrolliere: Selbst ;)
############################################################## 
## Author Notes:
##        Its my 1th MOD and it work well in my Eingedeutsches phpBB (2.0.11) =)
##        Dies ist mein 1. MOD und funktioniert gut in meinem Eingedeutsches phpBB (2.0.11) =)
##        !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
##        Devault resizing value is 50% of screen width,
##        picture biger then 50% will be resized to 50%
##        you can change this in code at comented line ;)
##        !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
##        Standart Grössenänderung ist 50% der Bildschirm weite,
##        Bilder grösser als 50% werden auf 50% in der Grösse verändert
##        Du kannst dies an kommentierter Stelle im Code ändern
##        !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
############################################################## 
## MOD History:
## v0.0.1 After a BETA test I did the MOD
## v0.0.1 Nach einem BETA test erstellte ich den MOD
##############################################################
## Before Adding This MOD To Your Forum,
## You Should Back Up All Files Related To This MOD
## Bevor Du diesen MOD in dein Forum einfügst,
## Solltest Du alle Dateien die im Zusammenhang mit dem MOD stehen sichern
##############################################################
#
#-----[ OPEN ]------------------------------------------ 
#
templates/subSilver/bbcode.tpl

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

#
#-----[ REPLACE WITH ]-----------------------------------
#
<!-- BEGIN img -->
<script type="text/javascript">
function RePixW(Pix) {
var Pc = 50; /* <--Edit the %Percent% (i.e. 50%) / <--Editiere den %Prozentwert% (im Beispiel 50%) */
var sVal = (Pix.width/(screen.width/100*Pc));
if(Pix.width > (screen.width/100*sVal)) {
Pix.width = (Pix.width/sVal);
RePixH(Pix, Pc);
}
}
function RePixH(Pix, Pc) {
var sVal = (Pix.height/(screen.height/100*Pc));
Pix.height = (Pix.height/sVal);
}
</script>
<img src='{URL}' border='0' onload="RePixW(this)" onclick="javascript:window.open('{URL}','','scrollbars=1,toolbar=0,resizable=1,menubar=0,directories=0,status=0')" alt="Click = Original" title="Click = Original" />
<!-- END img -->

#
#-----[ SAVE/CLOSE ALL FILES ]--------------------------- 
#
# EoM
PS: danke fürs aufmerksame lesen der Hilfe-Anfrage
und hier ist das was ich wollte und was eben dieses easyresizeMod nicht kann wie oben beschrieben *g* :p

auf gute zusammenarbeit beim nächsten mal
Danke für alles

Verfasst: 07.02.2005 21:48
von JMC
Nachtrag

Ihr dürft den MOD gegen keine Gebühr (höhe der Gebühr ist null!!) eingebauen

Auf Gutglück baue ich auch weitere MODs für phpbb!


lölz

Verfasst: 07.02.2005 21:56
von Mario Siebert
JMC hat geschrieben:wie ich das sehe, dieser mod nur auf die weite des bildes wirkt
und wie ich sehe in keiner form auf die höhe des bildes
Wie ich bereits oben schrieb "da er in etwa das macht was du haben möchtest" :wink:

Ausserdem bin ich deiner Sprache nicht mächtig und konnte aus diesem Absatz nicht erlesen das du den Mod schon ausprobiert hast:
JMC hat geschrieben:silplen inageresize mod
:roll: :D

Grüße Mario

Verfasst: 07.02.2005 22:11
von JMC
is ja nun gut hat sich ja alles erledigt

meine anfrage war ja in den Code beispielen fast besser dargelegt als in der frage selbst *g*

und nun läufts ja prechtig :)

dachte man könne aus der anfrage heraus finden das existierender MOD nicht wünschenswert ging und ich das schöner wollte ;)

ach easy ... nun ist ja alles wieder gut :)

Mein mod macht was ich will und ist meiner meinung nach schöner als der *bildverzehrerMod" lol

Proportional Rulez ;)

BUG FIX RELEASE

Verfasst: 08.02.2005 00:11
von JMC
OK vieleicht hat ja jemand bemerkt das alle bilder auf die angegebenen Prozente verkleinert oder vergrössert wurden *g*

:oops:



also hier ich denke das muss die final version sein ;)

A ) mit bildern in verschiedener grösse getestet
B ) grössere bilder als die prozentangabe erlaubt werden auf die prozent angabe verkleinert
C ) Kleinere bilder bleiben Klein
D ) alles PROPORTIONAL
E ) Klick auf bild gleich neues Fenster mit Original Grösse
F ) hier der korrekte code geBugFixt und OK =)
G ) gute nacht

Code: Alles auswählen

## EasyMod 0.0.10 Compatible
############################################################## 
## MOD Title: JMC-Proportional-PiX-ReSize MOD
## MOD Author: JMC aka JMChef, Omni Creator
## MOD Description: Proportional resize of Pictures / Proportionale Grössenänderung von Bildern
## MOD Version: 1.0.0 - english, german
## 
## Installation Level: Easy / Einfach
## Installation Time: 3 Minutes / 3 Minuten ;) 
## Files To Edit: templates/subSilver/bbcode.tpl
############################################################## 
## For Security Purposes, Please Check: By your self ;)
## Für Sicherheitszwecke, Bitte Kontrolliere: Selbst ;)
############################################################## 
## Author Notes:
##        Its my 1th MOD and it work well in my Eingedeutsches phpBB (2.0.11) =)
##        Dies ist mein 1. MOD und funktioniert gut in meinem Eingedeutsches phpBB (2.0.11) =)
##        !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
##        Devault resizing value is 50% of screen width,
##        picture biger then 50% will be resized to 50%
##        you can change this in code at comented line ;)
##        !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
##        Standart Grössenänderung ist 50% der Bildschirm weite,
##        Bilder grösser als 50% werden auf 50% in der Grösse verändert
##        Du kannst dies an kommentierter Stelle im Code ändern
##        !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
############################################################## 
## MOD History:
## v0.0.1 After a BETA test I did the MOD
## v0.0.1 Nach einem BETA test erstellte ich den MOD
## v1.0.0 All Pic's wehre affected Bug is Fixed, now only the big Pic's
## v1.0.0 Alle Bilder waren betroffen Käfer ist gefixt, nun nur die grossen Bilder
##############################################################
## Before Adding This MOD To Your Forum,
## You Should Back Up All Files Related To This MOD
## Bevor Du diesen MOD in dein Forum einfügst,
## Solltest Du alle Dateien die im Zusammenhang mit dem MOD stehen sichern
##############################################################
#
#-----[ OPEN ]------------------------------------------ 
#
templates/subSilver/bbcode.tpl

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

#
#-----[ REPLACE WITH ]-----------------------------------
#
<!-- BEGIN img -->
<script type="text/javascript">
function RePix(Pix) {
var Pc = 50; /* <--- Edit the %Percent% (i.e. 50%) of Pic, Relative to Screen <--- */
if (Pix.width > (screen.width/100*Pc)) {
RePixW(Pix,Pc);
RePixH(Pix,Pc);
}
}
function RePixW(Pix,Pc) {
Pix.width = (Pix.width/(Pix.width/(screen.width/100*Pc)));
}
function RePixH(Pix,Pc) {
Pix.width = (Pix.height/(Pix.height/(screen.height/100*Pc)));
}
</script>
<img src='{URL}' border='0' onload="RePix(this)" onclick="javascript:window.open('{URL}','','scrollbars=1,toolbar=0,resizable=1,menubar=0,directories=0,status=0')" alt="Click = Original" title="Click = Original" />
<!-- END img -->

#
#-----[ SAVE/CLOSE ALL FILES ]--------------------------- 
#
# EoM
unbedingt diesen nehmen und nicht die erste version ;)

Verfasst: 21.04.2005 21:20
von jörg gierth
Sorry aber bei mir hat dies keine Auswirkung ,
kontte dies evt an einer modifizierten includes/bbcode.php liegen??

Gruss Jörg

Verfasst: 22.04.2005 00:01
von Elvis
habs ebend auch mal schnell getestet im FF und IE klappt es einwandfrei die anderen Browser ka die habe ich nicht.

jetzt müßte man nur noch die größe einstellen können.