Seite 1 von 1

Größe der externen Bilder begrenzen

Verfasst: 01.07.2006 20:25
von rosand
Hallo , ich möchte die Bilder die von Usern über andere Hoster ( z.B. Imageshake ) ins Forum gestellt werden, auf bestimmte Größen festlegen, da die übergroßen Bilder jedesmal die Tabellenbreite sprengen.

Ist es möglich bestimmte Uploader zu verbieten / sperren ?

Andreas

Verfasst: 02.07.2006 14:05
von Pato
das musst du garnicht machen,... da gibts einzwei mods, die die bilder automatisch verkleinert und wenn man dann auf das bild klickt in ein popup das bild in der original größe anzeigt.

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 

########################### EDIT ###############################

Mit der Maus! Einfach anstatt das oben das einfügen!

<!-- 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 -->
vielleicht hilft dir das weiter! :wink:

MfG Pato

Danke

Verfasst: 02.07.2006 17:57
von rosand
Danke Pato , das hat wunderbar geklappt .

Zwar ist um die Bilder ein kleiner grauer Rand ? aber ansonsten klappt es . Danke .http://tierrechte-umsetzen.org/board/vi ... =5941#5941

Re: Danke

Verfasst: 03.07.2006 12:59
von KarlHeinz
rosand hat geschrieben:...das hat wunderbar geklappt .
Solange bis ein Besucher kommt, der JavaScript deaktiviert hat (soetwas soll es ja geben :grin:). Dann ist das ganze Layout wieder durch zu große Bilder verhunzt. :cry:

Verfasst: 03.07.2006 13:04
von rosand
Das ist natürlich nicht so schön, aber die User die Java aktiviert haben sind hoffentlich in der Überzahl. :D

Gibts noch andere alternativen??

Verfasst: 03.07.2006 15:11
von Pato
den ramen kanns du weg machen... anstelle von der Farbe musst du nur einfach transparent hinschreiben!! :wink:

MfG Pato

Verfasst: 22.04.2008 16:54
von MDuss
Hi.

Ich benutze das obige Script ganz erfolgreich.
Und zwar die folgenden Zeilen:

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
Aber ich habe da ein kleines Problem. Wennich ein Bild anschauen will, dann wird durch das Javascript das Bildbearbeitungsprogramm gestartet, das mit dem Dateityp des Bildes verknüpft ist.

Meine Frage nun: Was muss an den obigen Zeilen geändert werden, damit sich NICHT das Bildbearbeitungsprogramm öffnet, sondern immer ein neues Browserfenster, wo das Bild dann in voller Größe dargestellt wird, wenn ich auf das Bild klicke.

MfG
MDuss