Widescreen Gaming Forum

    #################################################################
       ## Mod Title:       Simple Image Resize
       ## Mod Version:    1.1.0 Final
       ## Author:       likeatim < admin @ essential-freebies.de > < http://www.efb.nu >
       ## Description:
       ## Orginal Code by opa @ invisionpower.de
       ## This adds a simple Image resize code so your tables won't get screwed by oversized images.
       ## Works dynamically with every screen resolution.
       ## Uses Javascript, so resizing might not work if people have adblocker (Proxomitron etc.) installed.
       ## Solution: Users should then add your site to their trusted sites within the adblocker.
       ##
       ## Installation Level:    Easy
       ## Installation Time:    1 Minute
       ## Files To Edit:    bb.code.tpl
       ## Included Files: n/a
       #################################################################
       ## Security Disclaimer: This MOD Cannot Be Posted To Or Added At Any Non-Official phpBB Sites
       #################################################################
       ##
       ## Author Note:
       ## No Notes.
       ##
       ## History:
       ## 1.10: Images now are resized proportionally (as an alternative)
       ## 1.00: Initial Release
       ##
       ## the phpBB Group Reserves The Right To Remove/Edit Author Notes,
       ## Should It Be Warranted
       ##
       #################################################################
       ## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
       #################################################################
   
       #
       #-----[ OPEN ]------------------------------------------
       #
       templates/subsilver (or whatever you use/bbcode.tpl
   
   
   
       #
       #-----[ FIND ]------------------------------------------
       #
       <!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->
   
       #
       #-----[ REPLACE WITH ]------------------------------------------
       #
       <!-- 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=yes,resizable=1,menubar=yes,directories=yes,status=yes')" 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 -->
   
   
   
       FOR PROPORTIANAL RESIZING:
   
       #
       #-----[ REPLACE WITH ]------------------------------------------
       #
       <!-- BEGIN img --><img src='{URL}' border='0' onload="javascript:if(this.width > screen.width-300){ this.height = Math.round(((screen.width-300)/this.width)*this.height); 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 -->
   
       #
       #-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
       #
       # EoM
   

<!-- BEGIN img --><img src='{URL}' border='0' onload="javascript:origwidth = this.width; origheight = this.height; if(this.width > screen.width-300){ this.height = Math.round(((screen.width-300)/this.width)*this.height); this.width = (screen.width-300); }" onclick="this.width = origwidth; this.height = origheight;" 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 -->

<img src='{URL}' border='0' onload="javascript:this.origwidth = this.width; this.origheight = this.height; this.resized = 0; if(this.width > screen.width-300){ this.height = Math.round(((screen.width-300)/this.width)*this.height); this.width = (screen.width-300); this.resized = 1;} this.scaledheight = this.height; this.scaledwidth = this.width;" onclick="if(this.resized){this.width = this.origwidth; this.height = this.origheight; this.resized = 0;} else {this.width = this.scaledwidth; this.height = this.scaledheight; this.resized = 1;}" 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." />