Pagina 1 van 2
Image Resize aanpassing -OPGELOST-
Geplaatst: 26 jun 2006, 21:48
door pencak
Hallo, ik heb MOD Title: Resize Fix van Mike Lothar geinstalleerd en die werkt opzich prima
wat ik graag wil dat er om de geresize-de foto een kader komt, in bijvooorbeeld rood of blauw zodat het duidelijk te zien is dat het plaatje verkleind is
kan iemand daar bij helpen/ of een tip geven wat ik kan doen om het aan te passen
Geplaatst: 27 jun 2006, 18:37
door pencak
ik kreeg een melding dat er een reactie gepost was door "waltdisneydvd"
echter deze reactie is verdwenen ??
Geplaatst: 01 jul 2006, 13:15
door pencak
heb ik nu een hele moeilijke vraag gesteld
of duurt het iets langer wegens de vakantie tijd
Geplaatst: 01 jul 2006, 13:16
door Bee
Ik zal proberen vanavond of vannacht te kijken.
Geplaatst: 16 jul 2006, 08:45
door pencak
het is denk ik een lange nacht geworden Bee
als iemand anders zich geroepen voelt om hier een keer naar te kijken
ik zie de reacties wel verschijnen :thumb:
Geplaatst: 16 jul 2006, 09:48
door ElbertF
pencak schreef:wat ik graag wil dat er om de geresize-de foto een kader komt, in bijvooorbeeld rood of blauw zodat het duidelijk te zien is dat het plaatje verkleind is
Geef eens een link naar de mod, of plaats het stukje dat je aan moet passen in view_topic (.tpl, en anders .php) hier.
pencak schreef:ik kreeg een melding dat er een reactie gepost was door "waltdisneydvd"
echter deze reactie is verdwenen ??
Dan zal hij deze wel verwijderd hebben?
Geplaatst: 16 jul 2006, 15:49
door pencak
dit is de mod:
Code: Selecteer alles
##############################################################
## MOD Title: Resize Fix
## MOD Author: Mike Lothar < community@mikelothar.com > ( Mike Lothar ) http://www.mikelothar.com
## MOD Description:
## Resize images in posts to prevent them from breaking the tables on templates with a fixed width. The resized image
## can be clicked and will open in full size in a new window.
##
## MOD Version: 1.0.0
##
## Installation Level: (Easy)
## Installation Time: 3 Minutes
## Files To Edit:
## subSilver/bbcode.tpl
## subSilver/overall_header.tpl
## Included Files: resizefix.php
##############################################################
## For Security Purposes, Please Check: http://www.phpbb.com/mods/ for the
## latest version of this MOD. Downloading this MOD from other sites could cause malicious code
## to enter into your phpBB Forum. As such, phpBB will not offer support for MOD's not offered
## in our MOD-Database, located at: http://www.phpbb.com/mods/
##############################################################
## Author Notes:
## This hack will by default resize images that are wider than 550 pixels. Should you prefer a different width,
## simply just change the '550' width to your desired one. You will have to change this twice in bbcode.tpl and
## twice in the javascript of overall_header.tpl.
## Some templates, like NoseBleed etc, uses an image wider than 550 pixels. You can make this hack skip the
## first image(s) of the template to prevent all images to be resized. You do this by changing the 'i=0' value
## in the javascript of overall_header.tpl. For example, to prevent the first image to be resized, set 'i=1', to
## prevent the first two images, set 'i=2', etc.
##############################################################
## MOD History:
##
## 2004-11-23 - Version 1.0.0
## - initial release
##
##############################################################
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
##############################################################
#
#-----[ COPY ]---------------------------
#
copy resizefix.php to templates/subSilver/resizefix.php
#
#-----[ OPEN ]------------------------------------------
#
subSilver/bbcode.tpl
#
#-----[FIND]------------------------------------------
#
<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->
#
#-----[REPLACE WITH]------------------------------------------
#
<!-- BEGIN img -->
<script language="javascript" type="text/javascript">
<!--
function pointercursor(){document.body.style.cursor = "move";}
function unpointercursor(){document.body.style.cursor="";}
//-->
</script>
<img src="{URL}" border="0" onmouseout="unpointercursor();" onmouseover="if(this.width == 550) {pointercursor();}" onclick="if(this.width == 550) { window.open('templates/subSilver/resizefix.php?originalsize={URL}', '_blank' ,'scrollbars=1,toolbar=no,resizable=1,menubar=no,directories=no,status=yes'); return false; }" alt="" />
<!-- END img -->
#
#-----[ OPEN ]------------------------------------------
#
subSilver/overall_header.tpl
#
#-----[FIND]------------------------------------------
#
<!-- END switch_enable_pm_popup -->
#
#-----[ AFTER, ADD ]------------------------------------------
#
<script language="javascript" type="text/javascript">
<!--
function resize_images()
{
for (i = 0; i < document.images.length; i++)
{
while ( !document.images[i].complete )
{
break;
}
if ( document.images[i].width > 550 )
{
document.images[i].width = 550;
}
}
}
//-->
</script>
#
#-----[FIND]------------------------------------------
#
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
#
#-----[ IN-LINE FIND ]------------------------------------------
#
vlink="{T_BODY_VLINK}"
#
#-----[ IN-LINE AFTER, ADD ]------------------------------------------
#
onload="resize_images()"
#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoM
en dit het bijgeleverde bestand: resizefix.php
Code: Selecteer alles
<html>
<head>
<!--
ResizeFix 1.0.0 for phpBB
www.mikelothar.com (c) 2004
//-->
<title>Original size</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style type="text/css">
<!--
body {
background-color: #EBEBEB;
/*
scrollbar-face-color: #E3E3E3;
scrollbar-highlight-color: #E3E3E3;
scrollbar-shadow-color: #E3E3E3;
scrollbar-3dlight-color: #E3E3E3;
scrollbar-arrow-color: #E3E3E3;
scrollbar-track-color: #EBEBEB;
scrollbar-darkshadow-color: #E3E3E3;
*/
}
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 10; }
a:link,a:active,a:visited { text-decoration: none; color : #111111; }
a:hover { text-decoration: underline; color : #C51E21; }
//-->
</style>
<script language="JavaScript">
window.onload = maxWindow;
function maxWindow()
{
window.moveTo(0,0);
if (document.all)
{
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById)
{
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth)
{
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
}
</script>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="99%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bordercolor="#FFFFFF"><div align="center">
<table width="50" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><table width="1" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000"><a href="javascript:window.close();"><img src="<?PHP print $HTTP_GET_VARS[originalsize];?>" alt="Close this window" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><div align="center"><br />
<a href="javascript:window.close();">Close this window</a></div></td>
</tr>
</table>
</div></td>
</tr>
</table>
</body>
</html>
ik hoop dat je er iets mee kan :thumb:
Geplaatst: 16 jul 2006, 15:53
door ElbertF
Geplaatst: 16 jul 2006, 20:42
door pencak
de border komt nu om alle plaatjes heen
de bedoeling is dat het alleen om plaatjes komt die geresized worden
Geplaatst: 20 jul 2006, 11:22
door pencak
@ Spambot: zou je nog een keer naar deze vraag kunnen kijken ?
Geplaatst: 20 jul 2006, 12:24
door ElbertF
Even uit m'n hoofd, probeer dit eens (overall_header.tpl):
Code: Selecteer alles
if ( document.images[i].width > 550 )
{
document.images[i].width = 550;
}
..veranderen in:
Code: Selecteer alles
if ( document.images[i].width > 550 )
{
document.images[i].width = 550;
document.images[i].style.border = '1px solid red';
}
Geplaatst: 21 jul 2006, 07:53
door pencak
deze aanpassing werkt dus wel
ik heb de border 2px gemaakt en dan in dashed red
bedankt voor je hulp :thumb:
Geplaatst: 01 aug 2006, 10:30
door willey
Ik heb dit script nu ook tot volle tevredenheid draaien, maar ik zou hem graag iets uitbreiden zodat onder elk geresized plaatje een korte tekst komt te staan, bijv. This picure has been resized of (wat uitgebreider) het formaat van de originele foto. Maar ik zou met de 1e optoe al heel blij zijn
Ik heb wat zitten klooien, maar tot dus ver zonder resultaat. Weet iemand of dit uberhaubt mogelijk is met dit script? En zo ja, dan hoop ik dat iemand me er mee kan helpen :thumb:
thanks!
Geplaatst: 01 aug 2006, 11:03
door Alain
Ik heb het ook even geinstalleerd, had geen zin om te zoeken. In oranje, past beter bij mijn kleuren.
Het forum
Geplaatst: 01 aug 2006, 15:41
door lifeguard
Spambot schreef:Even uit m'n hoofd, probeer dit eens (overall_header.tpl):
Code: Selecteer alles
if ( document.images[i].width > 550 )
{
document.images[i].width = 550;
}
..veranderen in:
Code: Selecteer alles
if ( document.images[i].width > 550 )
{
document.images[i].width = 550;
document.images[i].style.border = '1px solid red';
}
Bedankt! heb hem toegepast en werkt! :thumb:
Geplaatst: 01 aug 2006, 16:03
door willey
willey schreef:Ik heb dit script nu ook tot volle tevredenheid draaien, maar ik zou hem graag iets uitbreiden zodat onder elk geresized plaatje een korte tekst komt te staan, bijv. This picure has been resized of (wat uitgebreider) het formaat van de originele foto. Maar ik zou met de 1e optoe al heel blij zijn
Ik heb wat zitten klooien, maar tot dus ver zonder resultaat. Weet iemand of dit uberhaubt mogelijk is met dit script? En zo ja, dan hoop ik dat iemand me er mee kan helpen :thumb:
thanks!
en nog een vraagje schiet me te binnen....is het mogelijk om een custom cursor te gebruiken, bijvoorbeeld een vergrootglas?
Geplaatst: 01 aug 2006, 18:22
door PaulusB
willey schreef:Ik heb dit script nu ook tot volle tevredenheid draaien, maar ik zou hem graag iets uitbreiden zodat onder elk geresized plaatje een korte tekst komt te staan, bijv. This picure has been resized of (wat uitgebreider) het formaat van de originele foto. Maar ik zou met de 1e optoe al heel blij zijn
Ik heb wat zitten klooien, maar tot dus ver zonder resultaat. Weet iemand of dit uberhaubt mogelijk is met dit script? En zo ja, dan hoop ik dat iemand me er mee kan helpen :thumb:
thanks!
Code: Selecteer alles
<!-- BEGIN img --><img src='{URL}' border='0' onload="if(this.width > 500){ this.height = Math.round(((500)/this.width)*this.height); this.width = (500); }" onclick="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 -->
deze resize is met tekst
Geplaatst: 02 aug 2006, 13:45
door willey
PaulusB schreef:willey schreef:Ik heb dit script nu ook tot volle tevredenheid draaien, maar ik zou hem graag iets uitbreiden zodat onder elk geresized plaatje een korte tekst komt te staan, bijv. This picure has been resized of (wat uitgebreider) het formaat van de originele foto. Maar ik zou met de 1e optoe al heel blij zijn
Ik heb wat zitten klooien, maar tot dus ver zonder resultaat. Weet iemand of dit uberhaubt mogelijk is met dit script? En zo ja, dan hoop ik dat iemand me er mee kan helpen :thumb:
thanks!
Code: Selecteer alles
<!-- BEGIN img --><img src='{URL}' border='0' onload="if(this.width > 500){ this.height = Math.round(((500)/this.width)*this.height); this.width = (500); }" onclick="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 -->
deze resize is met tekst
Dit is een oplossing, maar ik zoek meer naar iest dat evt tekst onder het plaatje kan zetten... :thumb:
en nog een kleine toevoeging, is het eventueel ook mogelijk om deze te laten popuppen met de grootte van het plaatje? Dus ipv full screen?
Geplaatst: 04 aug 2006, 20:32
door lifeguard
Spambot schreef:Even uit m'n hoofd, probeer dit eens (overall_header.tpl):
Code: Selecteer alles
if ( document.images[i].width > 550 )
{
document.images[i].width = 550;
}
..veranderen in:
Code: Selecteer alles
if ( document.images[i].width > 550 )
{
document.images[i].width = 550;
document.images[i].style.border = '1px solid red';
}
Misschien een rare vraag, maar kan dit ook met een stippellijn?
Geplaatst: 04 aug 2006, 21:51
door PaulusB
jazeker
Code: Selecteer alles
if ( document.images[i].width > 550 )
{
document.images[i].width = 550;
document.images[i].style.border = '1px solid red';
}
word
Code: Selecteer alles
if ( document.images[i].width > 550 )
{
document.images[i].width = 550;
document.images[i].style.border = '1px dotted red';
}