vb.org Archive - BB Code Enhancements - Xtreme Resize (lightbox2 bbcode)

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - BB Code Enhancements - Xtreme Resize (lightbox2 bbcode) (https://vborg.vbsupport.ru/showthread.php?t=230176)

EidolonAH

12-13-2009 10:00 PM

Xtreme Resize (lightbox2 bbcode)

1 Attachment(s)

This will enable you to use LightBox2 as a BBCode in your posts.

Please note this is only possible due to the fantastic work of HuddleTogether,
so boogie on over to their site and
Download lightbox2

upload files from lightbox2 as follows:
css/*.* - root/forum/css/*.*
js/*.* - root/forum/clientscript/*.*
images/*.* - root/forum/images/*.*

Upload the attached image to here:
root/forum/images/ximgrs.png

Create new Custom BBCode

Title:

Code:

Xtreme Resize

BB Code Tag Name:

Code:

ximgrs

Replacement:

Code:

<p><script type="text/javascript" src="clientscript/prototype.js"></script>

<script type="text/javascript" src="clientscript/scriptaculous.js?load=effects,builder"></script>

<script type="text/javascript" src="clientscript/lightbox.js"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<font color="#000000"><strong>Click Thumbnail to view Full Screenshot Demo</strong></font><br /><br />

<a href="{param}" rel="lightbox" title="{param}"><img src="{param}" width="300" /></a></p>

Example:

Code:

[ximgrs]url to image[/ximgrs]

Description:

Code:

Lightbox2 bbcode for images

Button Image (Optional) :

Code:

images/ximgrs.png

View Demo

Dr.osamA

12-14-2009 08:38 PM

thnxxx man !!!

i am weting for this mod

brb for install
________
Girlfriend deepthroat

Cableguy69

12-14-2009 09:51 PM

Pitty it can't be integrated into the standard BB [IMG] code.

WNYorker

12-15-2009 02:12 AM

can't get this to work.

EidolonAH

12-15-2009 08:24 AM

Quote:

Originally Posted by Cableguy69 (Post 1930800)

Pitty it can't be integrated into the standard BB [IMG] code.

It's a simple bbcode not a mod'.

Quote:

Originally Posted by WNYorker (Post 1930927)

can't get this to work.

How did you use the bbcode?

Quote:

Example:

Code:

[ximgrs]url to image[/ximgrs]

cloferba

12-15-2009 12:44 PM

how can use this lighbox on all pictures posted on my forum??

(not as bbcode)

EidolonAH

12-15-2009 04:29 PM

Quote:

Originally Posted by cloferba (Post 1931082)

how can use this lighbox on all pictures posted on my forum??

(not as bbcode)

That would require a fairly extensive mod' to be written, this is just a BBCode, nothing more.

cloferba

12-15-2009 05:09 PM

thanks!, i asked cause i saw a few forums using this lightbox in all its images

WNYorker

12-15-2009 08:16 PM

i did get it to work, however not on the CMS

EidolonAH

12-17-2009 05:56 AM

Quote:

Originally Posted by WNYorker (Post 1931361)

i did get it to work, however not on the CMS

Are you having problems with your CMS?

This bbcode is working fine on my own CMS:
http://www.eidolonmh.com/xtreme/cont...ered-in-London

xman_79

12-17-2009 07:32 AM

Thanks,

But I think it would be better if you call the files .Js once in showthread and then do the rest of the code as BBCode

so

in showthread template add

Code:

<script type="text/javascript" src="clientscript/prototype.js"></script>

<script type="text/javascript" src="clientscript/scriptaculous.js?load=effects,builder"></script>

<script type="text/javascript" src="clientscript/lightbox.js"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

And the Replacement:

Code:

<p>

<font color="#000000">

<strong>Click Thumbnail to view Full Screenshot Demo</strong>

</font>

<br />

<br />

<a href="{param}" rel="lightbox" title="{param}"><img src="{param}" width="300" /></a></p>

cloferba

12-18-2009 02:32 AM

Quote:

Originally Posted by EidolonAH (Post 1931217)

That would require a fairly extensive mod' to be written, this is just a BBCode, nothing more.

take the job plz :D

pedrossi

08-16-2010 06:58 PM

Thanks for this, works great!

twista46

10-10-2011 01:02 AM

Work not with 2 Images

warlord0

04-29-2012 04:18 PM

I refreshed this with Lightbox 2.51 and now with JQuery 1.7.2 with VB4.1.12pl1

Create the same BBCode but change the "Replacement" to the following (Notice I also didn't want a text part adding - uncomment it if you do.

Code:

<p><script type="text/javascript" src="/forum/clientscript/jquery/jquery-1.7.2.min.js?load=effects,builder"></script>

<script type="text/javascript" src="/forum/clientscript/lightbox.js"></script>

<link rel="stylesheet" href="/forum/css/lightbox.css" type="text/css" media="screen" />

<!--<strong>Click Thumbnail to view Full Image</strong><br />-->

<a href="{param}" rel="lightbox[thispost]" title=""><img title="Click to Zoom In" alt="Click to Zoom In" src="{param}" width="300" /></a></p>

This also shows a tooltip of "Click to Zoom" when a user mouses over and create all images on that page as a group so you can use the left and right arrow navigations from the lightbox.

Basically repeat the steps in the original post, but you'll not find prototype.js in there any more as they've changed to JQuery.

So you'll need to go download JQuery 1.7.2 and put that into the clientscript/jquery folder

NOTICE: This current code also assumes /forum/ as the path to your forum. Just change that if required.

Hope you find it useful.

All times are GMT. The time now is 06:44 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01247 seconds Memory Usage 1,757KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (10)bbcode_code_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (15)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: