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

mr.gamesbay · #2 06-05-2006, 05:24 AM

< Post reserved for future use >

Tralala · #3 06-05-2006, 05:43 AM

Looks good; I am currently using this hack and get similar results. How do the two methods compare?

utw-Mephisto · #4 06-05-2006, 05:58 AM

What does it do with images smaller than the pre-configured size ?

mr.gamesbay · #5 06-05-2006, 05:59 AM

Quote:

Originally Posted by utw-Mephisto

What does it do with images smaller than the pre-configured size ?

Nothing

rmxs · #6 06-05-2006, 06:27 AM

resize the image after load......
I use small piece of code that resize the IMAGE ON LOAD..

Byt its cool...

utw-Mephisto · #7 06-05-2006, 07:04 AM

VERY nice ... sorry, one more question .. the size is customizeable ?

edit :

Code:

var vbimgcodeWidthMax = 500;
var vbimgcodeWidthSizeTo = 500;

never mind

shadowevil · #8 06-05-2006, 08:53 AM

Mod nice *install*

Ahsin1 · #9 06-05-2006, 11:03 AM

Nice hack gona install later

Rich · #10 06-05-2006, 11:43 AM

It works in IE and Opera, but I can't get it to work in FF. It is hiding the images completely.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.09143 seconds Memory Usage 2,294KB Queries Executed 23 (?)
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 (2)pagenav_pagelink (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (9)postbit (10)postbit_onlinestatus (10)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!