Forum Display Enhancements - Image Resize using Lytebox

This's simple hack for resize large images using Lytebox,also integration with vB attachments for vbb 3.7.x.I used it on my forum http://Hoiquantinhoc.com and i didnt see any problem with it.Here you can see online demo
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

PHP Code:

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


Replace with

PHP Code:

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.
• T?y chọn k?ch thước tối đa cho ph?p của ảnh.

/////////////////////////////////////////////////////////////////////////
Installation :

• Upload c?c file trong thư mục upload l?n thư mục tương ứng của host.
• Import Product ImageResize_MK.xml
• Edit file includes/class_bbcode.php,t?m

PHP Code:

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


Thay bằng

PHP Code:

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


////////////////////////////////////////////////////////////////////////////
Lưu ? :
Những ai d?ng 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://hoiquantinhoc.com

Sorry,im very bad in English ^^ .

[D.Baker]

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]

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]

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]

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. It doesn't resize large images (just use the attachment settings in vB to do that).

[pedroenf]

Originally Posted by D.Baker

works with images embeded in a post!

Such as those within [img] tags?

[D.Baker]

No, not with the IMG tags. There is a link to a demo post on the mod page here.

[Walter Ronny]

great! thx

[metin]

good works thanx...

[HAVOK USA]

not working with 3.71

[Antek]

Originally Posted by HAVOK USA

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

PHP Code:

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


and replace with

PHP Code:

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


Regards,
Antek