Image Resize in BBCode need Help

In diesem Forum können Mod-Autoren ihre Mods vorstellen, die sich noch im Entwicklungsstatus befinden. Der Einbau in Foren im produktiven Betrieb wird nicht empfohlen.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Benutzeravatar
JMC
Mitglied
Beiträge: 11
Registriert: 05.02.2005 00:11

Image Resize in BBCode need Help

Beitrag 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 ;)
Mario Siebert
Mitglied
Beiträge: 2295
Registriert: 09.12.2003 15:02
Wohnort: Irgendwo im Nirgendwo

Beitrag 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
Wer gegen eine geringe Gebühr (höhe der Gebühr bestimmst du selbst!!) ein phpBB installiert oder Mods eingebaut haben möchte sollte sich melden unter: netcom_service@gmx.net - Bisherige Aufträge 68.071
Auf Anfrage führe ich auch Reparaturen/Updates und Serverumzüge durch oder baue Mods!
Benutzeravatar
JMC
Mitglied
Beiträge: 11
Registriert: 05.02.2005 00:11

Beitrag 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
Stell Dir vor,
Du bist ein Fisch,
Signaturen dürfen maximal 3 Zeilen lang sein
Benutzeravatar
JMC
Mitglied
Beiträge: 11
Registriert: 05.02.2005 00:11

Muahahahahaha

Beitrag 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
Stell Dir vor,
Du bist ein Fisch,
Signaturen dürfen maximal 3 Zeilen lang sein
Benutzeravatar
JMC
Mitglied
Beiträge: 11
Registriert: 05.02.2005 00:11

Beitrag 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
Stell Dir vor,
Du bist ein Fisch,
Signaturen dürfen maximal 3 Zeilen lang sein
Mario Siebert
Mitglied
Beiträge: 2295
Registriert: 09.12.2003 15:02
Wohnort: Irgendwo im Nirgendwo

Beitrag 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
Wer gegen eine geringe Gebühr (höhe der Gebühr bestimmst du selbst!!) ein phpBB installiert oder Mods eingebaut haben möchte sollte sich melden unter: netcom_service@gmx.net - Bisherige Aufträge 68.071
Auf Anfrage führe ich auch Reparaturen/Updates und Serverumzüge durch oder baue Mods!
Benutzeravatar
JMC
Mitglied
Beiträge: 11
Registriert: 05.02.2005 00:11

Beitrag 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 ;)
Stell Dir vor,
Du bist ein Fisch,
Signaturen dürfen maximal 3 Zeilen lang sein
Benutzeravatar
JMC
Mitglied
Beiträge: 11
Registriert: 05.02.2005 00:11

BUG FIX RELEASE

Beitrag 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 ;)
Stell Dir vor,
Du bist ein Fisch,
Signaturen dürfen maximal 3 Zeilen lang sein
jörg gierth
Mitglied
Beiträge: 473
Registriert: 03.12.2002 20:13
Wohnort: Buseck
Kontaktdaten:

Beitrag 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
Benutzeravatar
Elvis
Mitglied
Beiträge: 3373
Registriert: 26.05.2003 22:39

Beitrag 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.
Antworten

Zurück zu „phpBB 2.0: Mods in Entwicklung“