Tag Archive for 'Thickbox'

These are the neccesary files that you will need to make this project work.

1. Thickbox Javascript
2. Thickbox Stylesheet
3. Thickbox Loading Animation
4. Thickbox Mac Background Hack
5. Jquery
6. OR: Download my demo version

Add this to the .TBoverlayMacFBBGhack style.

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}

Edit thickbox.js and replace this.

var tb_pathToImage = "../images/loadingAnimation.gif";

Then you need to create/edit your index page and add the following lines (Removing the space between the < and first letter.)

< script type="text/javascript" src="scripts/jquery.js">
< script type="text/javascript" src="scripts/thickbox.js"> < link rel="stylesheet" href="stylesheet/thickbox.css" type="text/css" media="screen">

This javascript will make an inline thickbox open on page load

$(document).ready(function(){
tb_show("Food", "#TB_inline?height=300&width=500&inlineId=testdiv", "");
});