PDA

View Full Version : Forum Display Enhancements - Image Resize using Lytebox


Lost Heaven
03 Mar 2008, 18:52
This's simple hack for resize large images using Lytebox (http://www.dolem.com/lytebox/),also integration with vB attachments for vbb 3.7.x.I used it on my forum http://+++++++++++++.com and i didnt see any problem with it.Here you can see online demo (http://+++++++++++++.com/forum/test-forum/784-ha-long-bay.html)
Here we go !

/////////////////////////////////////////////////////////////////////////
HISTORY
Ver 1.5
Using lytebox instead lightbox.
Fixed conflict javascripts.Ver 1.0
First release./////////////////////////////////////////////////////////////////////////
INSTALLATION
Upload files from folder upload.
Import Product ImageResize_MK.xml
Edit file includes/class_bbcode.php,find
return '<img src="' . $link . '" border="0" alt="" />'; Replace with

return '<a target="_blank" href="' . $link . '" rel="lytebox"><img src="' . $link . '" border="0" alt="" /></a>';
Note:Also remember active vblightbox option : ACP=>Message Attachment Options =>Use Image Lightbox = > Yes - Click

Default max width available of images is 500px,you can change it in ACP => Image Resize Using Lytebox.

=====================================

Đy l mod resize image v chức năng duyệt images thumbnail sử dụng thư viện lytebox,biến thể của lightbox2.

///////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////
HISTORY
Ver 1.5
Sử dụng bộ thư viện lytebox ( lightbox2 ) thay cho lightbox.
Fixed conflict javascripts. Ver 1.0
Bật / Tắt Chức năng resize ảnh.
Ty chọn kch thước tối đa cho php của ảnh./////////////////////////////////////////////////////////////////////////
Installation :

Upload cc file trong thư mục upload ln thư mục tương ứng của host.
Import Product ImageResize_MK.xml
Edit file includes/class_bbcode.php,tm
return '<img src="' . $link . '" border="0" alt="" />'; Thay bằng

return '<a target="_blank" href="' . $link . '" rel="lytebox"><img src="' . $link . '" border="0" alt="" /></a>';

////////////////////////////////////////////////////////////////////////////
Lưu :
Những ai dng vbb 3.7 nhớ active lightbox nghen : ACP=>Message Attachment Options =>Use Image Lightbox = > Yes - Click
Mod được hỗ trợ tốt nhất tại http://+++++++++++++.com (http://+++++++++++++.com/forum/modifications-hqth/13-vbb-3-7-image-resize-hqth-ver-1-5-a.html)

Sorry,im very bad in English ^^ .

zmmmzz
03 Mar 2008, 18:55
thanks!

codershark
03 Mar 2008, 18:56
extrem wonderfull hack !

logicuk
03 Mar 2008, 19:27
wow man this hack is just what ive been looking for amazing

installed and nominated for hotm :D

Lost Heaven
03 Mar 2008, 19:29
Thank you ^^ .

RvG2
03 Mar 2008, 19:48
thanks :)

Taragon
03 Mar 2008, 22:10
very nice! thanks!

xixxon
04 Mar 2008, 00:13
nice...exactly wat i need...thanks a lot

Brew
04 Mar 2008, 05:46
What if you had very large pics?

Like 1990X900 or some-such?

Would this include a link to show full size?

So it would show an intermediate size, say 800x600 then you would click the lightbox and it would show the full size.

Thanks!

Lost Heaven
04 Mar 2008, 09:19
What if you had very large pics?

Like 1990X900 or some-such?

Would this include a link to show full size?

So it would show an intermediate size, say 800x600 then you would click the lightbox and it would show the full size.

Thanks!
By default,the javascript auto resize images if larger than the browser window dimensions,you can change this setting in file lytebox.js :
this.autoResize = false;
Thank you,hope you like this mod ^^

Endertr
04 Mar 2008, 09:57
thanks :)

glenvw
05 Mar 2008, 21:05
does this integrate with the current album that comes with 3.7 Beta?

Syria BoY
05 Mar 2008, 21:37
Good job thanks :)

logicuk
08 Mar 2008, 13:14
this hack rocks :)

Playa82
08 Mar 2008, 13:19
what about this images:

http://img170.imageshack.us/img170/2650/logofh8.jpg (http://imageshack.us)

the hack dont redirect to the image path...

Subah
20 Mar 2008, 14:14
hanks a lot :)

ZiG
21 Mar 2008, 07:43
would it be possible to integrate this into vbgallery as well?

DaFlameking
23 Mar 2008, 18:13
best image resize mod....evar

Stratege
24 Mar 2008, 12:30
the hack dont redirect to the image path...Yes, I too have same question since that is a great hack but it kill all links in images. :(

beduino
26 Mar 2008, 03:18
Hello
Unfortunately my links is changed to

http://www.povododeserto.org/forums/redirect-to/?redirect=http%3A%2F%2Fi253.photobucket.com%2Falbums%2Fhh63%2Fjbarroca%2FNoticia s-Posts%2Fyootheme3.png


and is a img / img photobucket ...
obviously don't work.
it is a vbseo setup? I see in your site your use vbseo too - how you setup this?

tks in advance
joao barroca
aka beduino

myhekim
26 Mar 2008, 03:36
don't work ie6 ,working firefox...

beduino
26 Mar 2008, 03:46
I found my error
Need disable nofollow to all dynamic links in vbseo - and works
http://www.vbseo.com/f3/vb-3-7-new-feature-lightbox-21673/#post134148

tks
all the best
joao barroca
beduino

ZiG
27 Mar 2008, 11:26
author should think about integrating a mod similar to this one using shadowbox:

http://mjijackson.com/shadowbox/index.html

yaoren
27 Mar 2008, 19:49
Hmm I tried doing this but nothing changed. Any ideas?

I'm running 3.7.0 RC1

mastertek2000
27 Mar 2008, 20:52
works great but where do i upload the images 2 installed

Karnal Sinn
03 Apr 2008, 20:58
Nice hack

Reeve of shinra
03 Apr 2008, 23:54
Great hack, works wonderfully.

iDaemon
04 Apr 2008, 04:24
nice mod, but it work on external img tag?

samet54
04 Apr 2008, 07:36
ben bunu yapamadım olmadı sorun oluyo kodlar bozuluyor

macc
04 Apr 2008, 13:40
hello!

have vbulletin 3.7. rc2 and installed this hack...

have one problem ... images from albums come outside from some styles ... cyberblue or vb classic ...
http://www.belaplay.com/vb/libar/album.php?albumid=4&pictureid=14

some help? to get inside in style ?

regards

macc

J818943C8AA0
05 Apr 2008, 08:24
Tuyt vơ

matrex722
05 Apr 2008, 14:44
thanks alot

SpongeFreak52
06 Apr 2008, 14:02
Is there a way to get this to work with the vBA CMPS?

ScottRowan
09 Apr 2008, 12:56
Does this work on RC2.

I had it installed and it was working perfect but ive just tried to do an image resize there and its not working.

spitb19
09 Apr 2008, 19:32
Does this work on RC2.

I had it installed and it was working perfect but ive just tried to do an image resize there and its not working.

are you complete for step Modifications? it is importain for steps:
1. Edit file includes/class_bbcode.php,find
2. Also remember active vblightbox option : ACP=>Message Attachment Options =>Use Image Lightbox = > Yes - Click

Can you find supporting this modification in www.+++++++++++++.com.

rapidphim
14 Apr 2008, 08:42
Can this hack work on RC3?

citroenar
14 Apr 2008, 22:00
not working for me. RC3

rapidphim
15 Apr 2008, 00:40
I'm wondering where is the coder of this mod?

InfoSpyware
04 May 2008, 05:04
Very nice hack and too easy to install :up:

Thanks spitb19

irishblue
05 May 2008, 17:10
I'm using 3.7.0 "gold".
It resizes my large pics, but clicking on them does not open the lytebox to display the full-sized picture... instead it just opens in a new window :(

CDRlab
13 May 2008, 21:49
also 3.7 gold, and also not working with my attachements, those are still opening in new window instead of lytebox, any idea?

untitled65
14 May 2008, 04:21
ehm i have a problem i cant find the code in class_bbcode.php

axg
14 May 2008, 16:25
Hi, this is a great mod. I have a couple of questions. I have members that post their images directly from their ftp server. So images are not on the DB of the main forums.

The hack works, you click on the image, and it brings it up. The only thing i am having an issue with is that it does not show the next option to show the next image if the thread contains more than 1 image.

Is there a way to get this to work as i think was intended to be?

spitb19
14 May 2008, 17:47
I'm wondering where is the coder of this mod?
Lost Heaven didn't online along times because he has married with a wonderful woman :D .So never mind about him :)
The hack works, you click on the image, and it brings it up. The only thing i am having an issue with is that it does not show the next option to show the next image if the thread contains more than 1 image.

Adding this options is very easy,but it looks like a slideshow more than resize image :)

DiverTree
16 May 2008, 19:00
sorry if i missed this somewhere ...

does this work with img tags and attach tags, img tags only, attach tags only?
also, does this resize the images clientside or serverside?

mavikumsal
16 May 2008, 20:58
Thanks...

HAVOK USA
18 May 2008, 06:02
Guests/visitors not logged in cannot view images when using Internet Explorer, but are able to when using Firefox.

Is there a fix for this?

PaylaX
18 May 2008, 11:29
Don't work internet explorer6 but working firefox.

Oyabun
18 May 2008, 12:09
Can somebody help me out?
I just installed this Add-on and in the settings i typed in "500px".
But the addon resizes signaturepictures and other pictures (even if they are smaller than 500px), too.
Is there something wrong?!

pkallberg21
20 May 2008, 16:47
A fix for it to work in IE would be great!

Thanks for the great mod.

D.Baker
21 May 2008, 04:39
When ever you use the little papar clip icon to embed an image thumbnail in a post (I think that uses the [ATTACH] BBcode), it wont use Lytebox to open that large image, it just opens in new window.

D.Baker
21 May 2008, 04:45
I found the source of the problem. When an image is embed in a post, it gets given the "rel=" link to the defualt Lightbox (So, rel="Lightbox") rather than this plugins "rel=lytebox". I don't know how you could fix this, but I though it might help.

D.Baker
21 May 2008, 05:31
I hacked it to work by doing a search and replace of rel="Lightbox to rel="lytebox" in install/vbulletin-style.xml. Now it works for image even if they are embeded. I guess this sin't the best way to do things, but it works.

Now it would be great to have the option to add the images into lytebox groups so the slideshow feature works. All you need to do is get the plugin to ad rel="lytebox[$postid]" instead of rel="lytebox" and it would work.

D.Baker
21 May 2008, 11:20
OK, I have developed my own mini-mod to get Lytebox working properly. It allows groups, slideshows and even works with images embeded in a post! You can try it out here (http://www.vbulletin.org/forum/showthread.php?p=1526633). It doesn't resize large images (just use the attachment settings in vB to do that).

pedroenf
22 May 2008, 15:24
works with images embeded in a post!

Such as those within [img] tags?

D.Baker
23 May 2008, 14:18
No, not with the IMG tags. There is a link to a demo post on the mod page here (http://www.vbulletin.org/forum/showthread.php?p=1526633).

Walter Ronny
24 May 2008, 02:29
great! thx

metin
28 May 2008, 11:25
good works thanx...

HAVOK USA
02 Jun 2008, 02:42
not working with 3.71

Antek
07 Jun 2008, 22:30
not working with 3.71

This mod works perfect with vB 3.7.1 :P
Just read installation steps and do it again, exactly:

edit file includes/class_bbcode.php, find
return '<img src="' . $link . '" border="0" alt="" />';

and replace with
return '<a target="_blank" href="' . $link . '" rel="lytebox"><img src="' . $link . '" border="0" alt="" /></a>';

Regards,
Antek

HAVOK USA
12 Jun 2008, 14:37
Thanks Antek - works like a charm.

I need to learn that when all else fails, read the directions.

cybermaster
13 Jun 2008, 12:43
i found one problem in this mod! if some users have image in his/her signature and that image linked to some site or address, when you click on that image lytebox load image and link not work.

i think this mod must track all images in post not user signature!

Antek
13 Jun 2008, 14:12
Lost Heaven, could you add to next version option for exclude signature images?

Antek

1Matthew1
13 Jun 2008, 18:31
And can you make it work with vbSEO?

dynamixsolution
14 Jun 2008, 15:47
Somebody has integrated this hack with the vBulletin 3.7.1 albums?

DmentedH
15 Jun 2008, 07:07
is it possible to make it where when you click the image it will open up into a new window full size? that would be really great for this mod.

dazzled
17 Jun 2008, 17:13
This is probably a very stupid question but when you say:

Upload files from folder upload. where exactly do you want those files uploaded to? Sorry, n00b here :)

DmentedH
17 Jun 2008, 21:37
upload the files in the upload folder into your forum root.

car20
23 Jun 2008, 12:10
hello
Great hack , but dont work at my forum .
i uploaded files and enable at admin cp and edit class_bbcode.php file and import xml file .
light box is work but can't resize image .
resize setting is 400px
please help me .

redlabour
09 Jul 2008, 07:51
This works easier without any Edits even for Blogs and Albums : The Image Resizer (powered with Lytebox / Highslide) (http://www.vbulletin.org/forum/showthread.php?p=1570706#post1570706) ;)

mehrdad220
10 Jul 2008, 05:49
this might be a dumb question but when i click on an images on my froum it opens it on a new window and the effect dose not work. what modification do you think i might have missed?

Chadi
07 Sep 2008, 05:51
i found one problem in this mod! if some users have image in his/her signature and that image linked to some site or address, when you click on that image lytebox load image and link not work.

i think this mod must track all images in post not user signature!

Same here, except for regular images, url based instead of inline attachments.

deneme2
14 Sep 2008, 09:44
thanks

ExTincTi0N
18 Dec 2008, 00:14
Im having a problem with this, When I click the image it opens up in a new window/tab what ever you use and it doesn't even look like lytebox. What is the problem?