The Arcive of Official vBulletin Modifications Site.

Auto Resize large images in an IMG tag · **Released**: 06-04-2006

First, sorry about my bad english

With this small hack, all large images in an IMG Tag will be resized after the site has loaded. With a click on the resized imge, it will open in an new window with the original size. Works in Firefox, Opera, IE and i think in all other browser.
Here is a Demo: Link

INSTALLATION:

--------------------------------

- Copy the file resizevbimg.js in the dir clientscript.

--------------------------------

Open the file includes/class_bbcode.php
Search the line(~line 1831):

Code:

return '<img src="' .  $link . '" border="0" alt="" />';

and replace with:

Code:

return '<img src="' .  $link . '" border="0" alt="" id="vBCodeIMG" />';

Save and upload.

--------------------------------

Styles & Templates > Search the SHOWTHREAD Template
Seach:

Code:

<body onload="$onload">

Replace with:

Code:

<body onload="$onload;vbImageResize()">

Save the template.

--------------------------------

Styles & Templates > Search the NEWREPLY Template
Search:

Code:

 <body$onload>

Replace with:

Code:

<body onload="$onload;vbImageResize()">

Save the template.

--------------------------------

- Styles & Templates > Style Manager > Common Templates > headinclude
Search:

Code:

<!-- / CSS Stylesheet -->

After, add:

Code:

<script type="text/javascript" src="clientscript/resizevbimg.js"></script>

Save the template.

--------------------------------

Styles & Templates > Style Manager > Main CSS > Additional CSS Definitions

After, add:

Code:

.vbimgcodelimit {
        cursor: pointer;
        border: dotted 1px black;
}

Save.
--------------------------------

Done

sam anders · #22 06-11-2006, 11:40 AM

thanks for the info

tormento · #23 06-15-2006, 10:03 AM

is possible to autoresize the attachment file?

reismarktq2 · #24 06-15-2006, 05:30 PM

Thanks, great hack!

/me clicks install

Spika · #25 06-30-2006, 09:10 PM

Great hack! Works fine in Firefox and Ie

DarKNull · #26 07-04-2006, 06:45 PM

oh man..i installed it and it messed up my board..i reversed everything but still can't get my forum back to normal. the threads just doesn't load anymore ;(

The following error occurred when attempting to evaluate this template:

Parse error: parse error, unexpected T_ENCAPSED_AND_WHITESPACE, expecting T_STRING or T_VARIABLE or T_NUM_STRING in /home/crickets/public_html/desihotty/includes/adminfunctions_template.php(3537) : eval()'d code on line 324

This is likely caused by a malformed conditional statement. It is highly recommended that you fix this error before continuing, but you may continue as-is if you wish.

JimmyN · #27 08-06-2006, 09:33 AM

nice work, this is great for those to big images, iv had a heap of probelms with the skin being streached across the screen.

UZFRED · #28 08-21-2006, 05:39 PM

Does this work for 3.6.0? If so could you please update the thread and change it to 3.6.0? Great hack, been loving it since I installed it

.

ctsolutions · #29 08-23-2006, 08:20 PM

Quote:

Originally Posted by UZFRED

Does this work for 3.6.0? If so could you please update the thread and change it to 3.6.0? Great hack, been loving it since I installed it

.

yes, 100%.

tested with IE,Opera 9.1, FF.

I have installed on my vbulletin 3.6 and working like a charm.

Many thanks mr.gamesbay

you can push your hack to 3.6

mike

kofoid · #30 09-01-2006, 10:49 PM

works great! One question - when it resizes a picture, it ends up stretching my header/logo to a gigantic size... Should I put the css code at the beginning of the additional info area?

Chriss74 · #31 09-02-2006, 09:49 PM

Nice Hack!

For my purpose, I made a small, but effective change:

Code:

var vbimgcodeWidthMax = screen.width-420;
var vbimgcodeWidthSizeTo = screen.height-300;

(Depending on the individual forum layout, you should sample different values instead of 420 and 300.)

Now the max image-size depends on the screen-resolution of the visitor. Do the visitor have a high screen-resolution, he will see a greater pic than a visitor, that have a lower screen-resolution. In any case, the screen resolution will be used to its full capacity, without the problem, that the forum-layout gets destroyed, because of oversized pics.

Greetings,
Chriss

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05354 seconds Memory Usage 2,307KB Queries Executed 25 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (10)bbcode_code (1)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!