Bilder automatisch verkleinern - wie?
Verfasst: 18.01.2010 16:52
Hi!
Suche einen Mod, der nach meiner Vorgabe Bilder automatisch verkleinert darstellt. Daraufhin ist das Bild in der bestimmten Größe, allerdings öffnet es sich bei Klick aufs Bild in der ganzen Größe! Wie geh das?
Edit: Habe nun den Easy Resize Posted Images-Mod gefunden. Wie kann ich den so anwenden, dass nicht die Headergrafik ebenfalls verkleinert wird?
Suche einen Mod, der nach meiner Vorgabe Bilder automatisch verkleinert darstellt. Daraufhin ist das Bild in der bestimmten Größe, allerdings öffnet es sich bei Klick aufs Bild in der ganzen Größe! Wie geh das?
Edit: Habe nun den Easy Resize Posted Images-Mod gefunden. Wie kann ich den so anwenden, dass nicht die Headergrafik ebenfalls verkleinert wird?
Code: Alles auswählen
##############################################################
## MOD Title: Easy Resize Posted Images
## MOD Author: kber < webmaster@phpbbegypt.com > (kber) http://www.phpbbegypt.com
## MOD Description: This MOD resizes images within the posts . Images resized are made
## clickable and openable in a popup in full-size.
## MOD Version: 1.0.0
## PHPBB versions: 2.0.x
## Installation Level: (Easy)
## Installation Time: 1 Minute
## Files To Edit:
## templates/SubSilver/viewtopic_body.tpl
## Included Files: n/a
## License: http://opensource.org/licenses/gpl-license.php GNU General Public License v2
##############################################################
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
##############################################################
#
#-----[ OPEN ]------------------------------------------
#
templates/SubSilver/viewtopic_body.tpl
#
#-----[ FIND ]------------------------------------------
#
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
}
#
#-----[ BEFORE, ADD ]------------------------------------------
# note : you may change( 600px) to whatever you want
<script>
window.onload = resizeimg;
function resizeimg()
{
if (document.getElementsByTagName)
{
for (i=0; i<document.getElementsByTagName('img').length; i++)
{
im = document.getElementsByTagName('img')[i];
if (im.width > 600)
{
im.style.width = '600px';
eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
eval("im.onclick = pop" + String(i) + ";");
if (document.all) im.style.cursor = 'hand';
if (!document.all) im.style.cursor = 'pointer';
im.title = 'Click Here To See Image Full Size ';
}
}
}
}
</script>
#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoM