Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Template Modifications
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Xtreme Resize (lightbox2 bbcode) Details »»
Xtreme Resize (lightbox2 bbcode)
Version: 1.00, by EidolonAH EidolonAH is offline
Developer Last Online: Apr 2011 Show Printable Version Email this Page

Category: BB Code Enhancements - Version: 4.0.0 RC 2 Rating:
Released: 12-13-2009 Last Update: Never Installs: 10
Additional Files Translations  
No support by the author.

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

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #12  
Old 12-17-2009, 07:32 AM
xman_79's Avatar
xman_79 xman_79 is offline
 
Join Date: Jun 2006
Location: Romania
Posts: 65
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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>
Reply With Quote
  #13  
Old 12-18-2009, 02:32 AM
cloferba cloferba is offline
 
Join Date: Apr 2009
Posts: 437
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by EidolonAH View Post
That would require a fairly extensive mod' to be written, this is just a BBCode, nothing more.
take the job plz
Reply With Quote
  #14  
Old 08-16-2010, 06:58 PM
pedrossi's Avatar
pedrossi pedrossi is offline
 
Join Date: Mar 2010
Posts: 30
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thanks for this, works great!
Reply With Quote
  #15  
Old 10-10-2011, 01:02 AM
twista46 twista46 is offline
 
Join Date: Oct 2008
Posts: 60
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Work not with 2 Images
Reply With Quote
  #16  
Old 04-29-2012, 04:18 PM
warlord0 warlord0 is offline
 
Join Date: Apr 2012
Posts: 24
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:30 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.10023 seconds
  • Memory Usage 2,274KB
  • Queries Executed 21 (?)
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
  • (9)bbcode_code
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (6)post_thanks_box
  • (6)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (6)post_thanks_postbit_info
  • (5)postbit
  • (6)postbit_onlinestatus
  • (6)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