jQuery ThickBox Plugin

This plugin allows you to display a user interface dialog box with any content inside (remote page, images, feeds...) without loading another page. Source and © Cody Lindley.
  • Previous Resource
  • Download
  • Next Resource

Demonstration

How to setup

This plugin requires 3 files to work, the jQuery library, the plugin script, and the plugin style sheet.

  1. /** jQuery Inclusion **/
  2. <script type="text/javascript" src="Path_to/jQuery.js"></script>
  3.  
  4. /** Plugin Inclusion **/
  5. <script type="text/javascript" src="Path_to/jquery-thickbox.js"></script>
  6.  
  7. /** Additional Style **/
  8. <link href="Path_to/thickbox.css" rel="stylesheet" type="text/css" />

Then, the only thing you need to do is to give a class='thickbox' to any link that has a url you would like to open with a thickbox.

  1. /** Plugin use **/
  2. <a href="Path_to_target" class="thickbox">Test ThickBox Plugin</a>

Why not share this here:

  • Tweet this
  • Buy the author a coffee
  • Bump this
  • Digg this
  • Post this on Del.icio.us
  • Post this on StumbleUpon
  • Post this on Reddit
  • Post this on Technorati
  • Post this on Google
  • Post this on Facebook
  • Email this to a friend

You may also like:

  • How to create your own rss feed
  • How to turn any jQuery plugin into a WordPress one
  • Wordpress SchmancyBox Plugin
  • Form Cloning jQuery Plugin
  • Creating a simple image gallery with PHP & jQuery
  • Mootools Facebook Search

Leave a Comment

Posted Comments

jdmweb
No comments have been posted so far. Be the first!
From jdmweb at 13:55 06/09/10 { Reply }