PDA

View Full Version : Show Thread Enhancements - Auto Resize large images in an IMG tag


mr.gamesbay
07 Feb 2008, 16:15
Sorry about my bad english :rolleyes:

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 (http://www.gamesbay.de/showthread.php?t=128)

Work with vB 3.7.x

INSTALLATION:

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

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

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

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

return '<img src="' . $link . '" border="0" alt="" />';
and replace with:
return '<img src="' . $link . '" border="0" alt="" id="vBCodeIMG" />';Save and upload.

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

Styles & Templates > Search the SHOWTHREAD Template
Seach:
<body onload="$onload">Replace with:
<body onload="$onload;vbImageResize()">Save the template.

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

Styles & Templates > Search the newreply Template
Search:
<body$onload>Replace with:
<body onload="$onload;vbImageResize()">Save the template.

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

- Styles & Templates > Style Manager > Common Templates > headinclude
Search:
<!-- / CSS Stylesheet -->After, add:
<script type="text/javascript" src="clientscript/resizevbimg.js"></script>Save the template.

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

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

After, add:
.vbimgcodelimit {
cursor: pointer;
border: dotted 1px black;
}Save.
--------------------------------

Done :)

Magnumutz
07 Feb 2008, 16:17
Nice, it's almost as spleasure's resize mod.

Is there any way you can choose the minimum size that the mod resizes?

KURTZ
07 Feb 2008, 16:20
i think THIS (http://www.vbulletin.org/forum/showthread.php?t=118048) is better :)

Magnumutz
07 Feb 2008, 16:27
That's for 3.6 this one is specially made for 3.7...
Don't be an ass.

mr.gamesbay
07 Feb 2008, 16:27
i think THIS (http://www.vbulletin.org/forum/showthread.php?t=118048) is better :)

Then use it! ;)
I don't need and want for img resizes DB queries. ^^

KURTZ
07 Feb 2008, 16:31
That's for 3.6 this one is specially made for 3.7...
Don't be an ass.

yeah, but runs perfectly also on 3.7.x ... ;)

Then use it! ;)
I don't need and want for img resizes DB queries. ^^

absolutely, it's only a different way ... :)

mr.gamesbay
07 Feb 2008, 16:52
Is there any way you can choose the minimum size that the mod resizes?
Yes you can.

Open the resizevbimg.js with an text editor and change the two values (500 is default size) to your new minimum size.

cosy
07 Feb 2008, 16:55
is there any way install whit out all that edits ?

Jase2
07 Feb 2008, 17:08
No there isn't. The instructions are very easy to follow.

Nice add on.

Regards Jason :)

skrazydogz
07 Feb 2008, 17:41
is it compatible with vb 3.6.8 ?

vnairp11
07 Feb 2008, 17:48
thanks a lot works beautifullly

projectego
07 Feb 2008, 22:06
/me clicks install :)

StuntFactoryX
08 Feb 2008, 01:12
looks promising.. is there a way to add a "click to enlarge" ? i dont think many will relize you can make it bigger..

a light box add on would be really cool too :)

Magnumutz
09 Feb 2008, 09:14
Ok, it's got a downside... when clicking pictures that are linked to something, it shows the full image but also goes to the link... that's not very nice.

Good work on it, but i think i'll switch back.

BBF
09 Feb 2008, 13:06
can you add a message like "click here to enlarge the image"?

ntloc
10 Feb 2008, 18:38
Nice, works on 3.6.8 PL2
Thank you. installed!

logicuk
04 Apr 2008, 11:29
ive been searching for a working image resize mod for vb 3.7 b5 for a long time

and yours work thanks alot

rapidphim
14 Apr 2008, 08:53
1/ Can you create this mod with lightbox intergration?
2/ Then, can you intergrate this mod with this hack http://www.vbulletin.org/forum/showthread.php?t=173353 ?

thestaton
12 May 2008, 13:51
thank you for an excellent mod. works like a charm on 3.7 Gold.

Super Jinni
16 May 2008, 14:37
thank you man

can you make it open the resized image in the same window?

is it possible avoiding opening any link included within the image location link?

thank you for your nice work

:)

Razasharp
16 May 2008, 19:03
thank you man

can you make it open the resized image in the same window?

Seconded :)

minus19
17 May 2008, 14:09
Erm, you can just use a couple of lines of CSS to do this...

Ark del KAOS
20 May 2008, 22:23
Hey, the SHOWTHREAD_SHOWPOST must get the onload extra code as well ^ ^

EDIT: And the same with adv_portal if you're using VBA

Doctor Death
20 May 2008, 23:38
Will this also resize images in a users photo album?

rigodiaz
24 May 2008, 04:47
EDIT: And the same with adv_portal if you're using VBA
Excelent:up:!

I was looking for this :eek:


Thank you, Installed!!!

tspore
29 May 2008, 06:50
Ok I have edited the values in the JS -
var vbimgcodeWidthMax = 800;
var vbimgcodeWidthSizeTo = 800;
as well as 600, 650, etc. and it isn't picking showing the link to a bigger photo.... What am I doing wrong?

MaXeL3G3ND
26 Jun 2008, 16:10
Don't forget the template SHOWTHREAD_SHOWPOST ;)
(added the script to load on that as well myself : ) , just a heads up)

I like this script and if you want to change how it works people, then
you should edit the javascript file, as that both contains which size it
resizes the image to, by default 500x500, and also a default message.

Snip of what resizevbimg.js includes:

var vbimgcodeResizeMsg = 'Resized image! Click for original size!';
var vbimgcodeWidthMax = 500;
var vbimgcodeWidthSizeTo = 500;
To make it resize to maybe 600x 600 and the message: "Click here to enlarge the image" :

var vbimgcodeResizeMsg = 'Click here to enlarge the image';
var vbimgcodeWidthMax = 600;
var vbimgcodeWidthSizeTo = 600;
It's very simple and you shouldn't ask the dev to do this easy work : )

aramiK89
29 Jun 2008, 12:42
Hey, just need to check - once this is added it won't give birth to the security token error?

Has the line of code been added so that it works with the security token feature?

Just been having a lot of issues with this + mods

Thanks!

harlita
01 Jul 2008, 13:01
hack reinstalled on multiple themes on a 3.7.2 forum. works like a charm.

Mazinger
15 Dec 2008, 12:57
It doesn't resize PNGs???

Dabbi
13 Jan 2009, 15:34
This was exactly what I needed.. thank you. :)

I don't know why it's not included with vB "out of the box" at least as an option since it makes so much sense if you allow [IMG].

thedvs
23 May 2009, 20:30
works great on 3.8.2

thedvs
02 Jul 2009, 13:21
works on 3.8.3

Birute
14 Oct 2009, 02:13
This works good, thanks!!
It works on 3.8.4 PL1

Earth's Banner (http://earthsbanner.com/forums/index.php)

Helmut71
14 Oct 2009, 09:22
In which way do I have to edit the SHOWTHREAD_SHOWPOST so that this add on works with it?

iheartvb
25 Oct 2009, 02:50
i tried this and it doesn't work. what am i doing wrong?? i have 3.8.2

ibob
27 Jan 2010, 21:13
does is work for 3.8?

Yes.

thedvs
20 Sep 2010, 16:02
can someone do the coding for this for 4.0.7?

thedvs
28 Sep 2010, 11:04
ah well