The Arcive of Official vBulletin Modifications Site.

Resize IMG tag with Highslide! · **Released**: 03-03-2008

This is small hack and easy to resize large Images in [IMG] tag with using Highslide.

vBulletin Version: 3.6.x, 3.7.x and 3.8.x
File Edits: 0
New Files: Yes
Template Edits: 0
New Templates: 2
New Phrases: 11
Uses Hooks: 7
Setting: 5
Uses Plugins: Yes
Time to install: 1 minute max

New Install:

1) Upload folder highslide in your root folder.

2) Import file XMl via Manage Products ACP >> Plugins & Products >> Manage Products >> [Add/Import Product]

Upgrade from v 2.x.x:

1) Upload folder highslide in your root folder.

2) Import XML file via Manage Products
ACP >> Plugins & Products >> Manage Products >> [Add/Import Product]

Choose YES for Allow Overwrite

Upgrade from v 1.3:

1) Upload folder highslide in your root folder.

2) Reupload file includes/class_bbcode.php.

3) Import XML file via Manage Products
ACP >> Plugins & Products >> Manage Products >> [Add/Import Product]
Choose YES for Allow Overwrite

4) Revert template postbit_attachmentthumbnail.

Options:
ACP >> vBulletin Options >> HS IMG Tag Resize Options

History:
v 1.0 (04-03-2008) - First Released.
v 2.0 (30.08.2008) - Update mod

Don?t edit file includes/class_bbcode.php
Options for maxwidth and maxheight to resize

v 2.0.1 (05.09.2008) - Update mod

Resize in Signature

v 2.0.2 (04.10.2008) - Update mod

Add Resize IMG TAG in Blog Entry

v 2.0.3 (28.10.2008) - Update mod

Add option for Signature (Enable/Disable)

v 2.0.4 (05.11.2008) - Fixed

Don't Resize on Quick Edit

v 2.0.5 (13.12.2008) - Fixed

Option for Signature don't work

v 2.1.0 (17.12.2008) - update

Update with new Highslide ver 4.0.1
Work fine with vBulletin 3.8.x (tested)

v 2.1.0 (20.12.2008) - fixed

Just fixed some bugs with IE!

Thank you for using this mod!

That?s all
Have fun!

Steeler Nation · #**152** 04-19-2008, 01:47 PM

This works perfectly on my forum and is a HUGE hit with the members.

rapidphim · #**153** 04-19-2008, 01:48 PM

ry215, does that mean that you can only install one of the mod with highslide feature only?

Seb@ · #**154** 04-19-2008, 02:17 PM

not work with link anonymizer & censor any chance fix this '?????

nirvana43 · #**155** 04-20-2008, 03:41 AM

hi. i've installed this mod on my forum : Projects Planet Forums

There are 2 errors while validating w3c markup/css. Please have a look at those errors here :
http://validator.w3.org/check?uri=ht...om%2Findex.php
please can you help me rectify those 2 errors??

nirvana43 · #**156** 04-20-2008, 03:43 AM

hi. i've installed this mod on my forum : Projects Planet Forums

There are 2 errors while validating w3c XHTML markup. Please have a look at those errors here :
http://validator.w3.org/check?uri=ht...om%2Findex.php

Here are those errors :

Code:

Line 348, Column 10: required attribute "type" not specified.

			<script>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Code:

Line 353, Column 66: required attribute "type" not specified.

?uage='javascript1.2' src='./highslide/highslide.js'></script>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

please can you help me rectify those 2 errors??

nirvana43 · #**157** 04-20-2008, 07:04 AM

Quote:

Originally Posted by nirvana43

hi. i've installed this mod on my forum : Projects Planet Forums

There are 2 errors while validating w3c XHTML markup. Please have a look at those errors here :
http://validator.w3.org/check?uri=ht...om%2Findex.php

Here are those errors :

Code:

Line 348, Column 10: required attribute "type" not specified.

			<script>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Code:

Line 353, Column 66: required attribute "type" not specified.

?uage='javascript1.2' src='./highslide/highslide.js'></script>

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

please can you help me rectify those 2 errors??

Ok i fixed all the errors!! :up:
Just replace contents of hs_show template by below code :

Code:

			<!-- HS Images Resize -->
			<script type="text/javascript">
			<!--
			folder="./highslide/";
			//-->
			</script>
			<script type="text/javascript" language='javascript1.2' src='./highslide/highslide.js'></script>
			
	<script type="text/javascript">
hs.registerOverlay(
	{
		thumbnailId: null,
		overlayId: 'controlbar',
		position: 'top right',
		hideOnMouseOut: true
	}
);
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.restoreTitle = 'Click to close, use arrow keys for next and previous';
hs.loadingText = 'Loading...';
hs.fullExpandTitle = 'Expand to actual size';
hs.focusTitle = 'Click to bring to front';
hs.loadingTitle = 'Click to cancel';
hs.align = 'center';
hs.easingClose = 'easeInQuad';
hs.expandDuration = Math.max(1, 702);
hs.restoreDuration = Math.max(1, 702);
hs.expandSteps = 20;
hs.restoreSteps = 20;
hs.showCredits = false;
hs.captionId = 'the-caption';
hs.captionSlideSpeed = 0;
hs.allowSizeReduction = false;
hs.dimmingOpacity = 0.7;
hs.dimmingDuration = 100;
hs.spaceForCaption = 50;
</script>
	<script type="text/javascript">
		hs.easing = 'easeInBack';
	</script>
	<script type="text/javascript">
		hs.allowSizeReduction = true;
	</script>
<script type="text/javascript">
		hs.easing = 'easeInBack';
	</script>
	<script type="text/javascript">
		hs.allowSizeReduction = true;
	</script>
<style type="text/css">
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide:hover img {
	border: 2px solid white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-dimming {
 background: black;
 position: absolute;
 visibility: hidden;
}
.highslide-active-anchor img {
 visibility: hidden;
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
 display: block;
 color: white;
 font-size: 9px;
 font-weight: bold;
 text-decoration: none;
 padding: 3px;
 border-top: 1px solid white;
 border-bottom: 1px solid white;
 background-color: black;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-move {
 cursor: move;
}
.highslide-overlay {
 display: none;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {
	color: #666;
}
.highslide-display-block {
 display: block;
}
.highslide-display-none {
 display: none;
}
.highslide-background {
color: #000000;
}
</style>


			<!-- / HS Images Resize  Code edited by Aditya Projects Planet-->

And now its working on Vbulletin 3.7.0 RC3!!

check out the working demo here : http://www.projectsplanet.com/roboti...e-project.html

Thanks a milion for this mod bro!!!

Golzarion · #**158** 04-20-2008, 04:16 PM

Quote:

Originally Posted by nirvana43

Ok i fixed all the errors!! :up:
Just replace contents of hs_show template by below code :

Thank you very much . :up:

The validation errors has been fixed .
how about put the link of this post on first post ?

thank you .

rapidphim · #**159** 04-21-2008, 04:56 AM

working for me...

Magnumutz · #**160** 04-21-2008, 10:19 AM

This still hasn't fixed the bug that it tries to enlarge small pics...

rapidphim · #**161** 04-21-2008, 01:53 PM

I don't have an issue at all. Only issue is that if you replaced the codes in postbit_attachmentthumbnail, the attachement with built-in default highslide will not be working.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.12006 seconds Memory Usage 2,330KB 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 (5)bbcode_code (2)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 (4)pagenav_pagelink (2)pagenav_pagelinkrel (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!