Image Resize aanpassing -OPGELOST-

[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

[pencak]

ik kreeg een melding dat er een reactie gepost was door "waltdisneydvd"

echter deze reactie is verdwenen ??

[pencak]

heb ik nu een hele moeilijke vraag gesteld

of duurt het iets langer wegens de vakantie tijd

[Bee]

Ik zal proberen vanavond of vannacht te kijken.

[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:

[ElbertF]

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.

ik kreeg een melding dat er een reactie gepost was door "waltdisneydvd"

echter deze reactie is verdwenen ??

Dan zal hij deze wel verwijderd hebben?

[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:

[ElbertF]

Verander dit:

Code: Selecteer alles

alt="" />

..in dit:

Code: Selecteer alles

alt="" style="border: 1px solid red;" />

[pencak]

de border komt nu om alle plaatjes heen

de bedoeling is dat het alleen om plaatjes komt die geresized worden

[pencak]

@ Spambot: zou je nog een keer naar deze vraag kunnen kijken ?

[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';
      } 

[pencak]

deze aanpassing werkt dus wel

ik heb de border 2px gemaakt en dan in dashed red

bedankt voor je hulp :thumb:

[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!

[Alain]

Ik heb het ook even geinstalleerd, had geen zin om te zoeken. In oranje, past beter bij mijn kleuren.

Het forum

[lifeguard]

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:

[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!

en nog een vraagje schiet me te binnen....is het mogelijk om een custom cursor te gebruiken, bijvoorbeeld een vergrootglas?

[PaulusB]

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

[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!

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?

[lifeguard]

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?

[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'; 
      }