vb.org Archive

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)

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 02:20 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01051 seconds
  • Memory Usage 1,728KB
  • 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
  • (3)bbcode_code_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (5)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
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete