jQuery ThickBox

ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. - The ThickBox JavaScript code and CSS file only add an additional 15k (only 10k by using the thickbox-compressed.js) on top of the jQuery code. The CSS file could additionally be compressed if need be. - ThickBox will resize images that are bigger than the browser window. - ThickBox offers versatility (images, iframed content, inline content, and AJAX content). - ThickBox will hide form elements in Windows IE 6. - ThickBox will remain centered in the window even when the user scrolls the page or changes the size of the browser window. Clicking an image, the overlay, or close link will remove ThickBox.

JQuery ThickBox demo

Changes to the code below will update the demo above in real time.



Nov. 2, 2007, 10:09 a.m. - mike

this demo doesnt work for me.

Nov. 22, 2007, 4:39 a.m. - Thiago

Great ! The resize of images work perfectly, i was looking for a long time !

Dec. 26, 2007, 5:47 p.m. - kurtqian

jquery UI is the favority one i use in my website

Feb. 20, 2008, 6:09 a.m. - vinod

This is really best example of thickbox but if you know that how to change appearance (changing style) of confirmation box.Please guide.

July 28, 2008, 10:43 p.m. - Derek

is there a way to add js content which then can be transfered to another page? like a list of checkboxes in the thickbox then the checked boxed data is transfered to the page?

Oct. 20, 2008, 7:07 a.m. - Cracc

cooler comment

Nov. 12, 2008, 4:29 a.m. - Miki

works good, thanks!

March 15, 2009, 11:51 p.m. - Sean Jason

Hi guys, I really like this thing,you guys GodWilling most Popular soon and can you discuss this thing to this site www.gossipinn.com i am looking forward Regards Sean

March 19, 2009, 10:45 p.m. - Muhammad Danish Khan

is there any way to put thickbox on the form like (onSubmit).... please tell me. email:muhammaddanishkhan@msn.com

April 13, 2009, 4:20 a.m. - Lokesh

Can I remove the Caption from Iframed Thickbox

April 24, 2009, 5:11 a.m. - missy

Do you browser test? This doesn't work in Chrome.

May 13, 2009, 5:42 a.m. - urvish

i m using ajax tool kit and add script managet in my master page so thickbox is not working any one have solution. if find it then plz mail me at : urvish.sheth@digi-corp.com

June 10, 2009, 3:34 a.m. - sandeep

Thnqq so much

July 3, 2009, 9:46 a.m. - daiblo

nice girls! i wanbt more pics ;)

July 3, 2009, 1:02 p.m. - saiful103a

Ohh.. nice.This is really going to help me to understand about jquery.Because nowadays i am trying to firure it out.Thanks..

Oct. 9, 2009, 7:50 a.m. - ette

läd doch viel zu lang

Oct. 22, 2009, 3:39 p.m. - bradley

doesn't run for me do i need additional jquery javascript code, e.g. $(function(){ $('.thickbox').thickbox(); }); bradleyelfman@yahoo.com

Oct. 22, 2009, 6:58 p.m. - onemajorq

thank you so much .i'm learning....

Nov. 17, 2009, 5:30 a.m. - pratik

It is works fine with firefox but check in IE. This is not browser compatible

Jan. 1, 2010, 6:09 a.m. - shailendra

please tell me how to chage the the inline content in the thick box dynamically in asp.net. i want to change the content in the thick box at run time. Basically want to update the text in the text box inside the thickbox.

March 15, 2010, 6:25 p.m. - Luis

Nice Work ;)...

June 16, 2010, 5:22 p.m. - jonathan

i really want to know how to change the image source someone please help, i cant get nothing to work email me at emp11997@yahoo.com

July 6, 2010, 6:51 a.m. - onetarek

Thank you for this useful Post

Sept. 2, 2010, 2:35 p.m. - DAvid Casimiro

dropdownchecklist inside a thickBox

Nov. 23, 2010, 3:31 a.m. - Bachan Smruty

nice example

Jan. 10, 2011, 2:52 a.m. - elmo

good demo but it seems like it's missing the loading image

March 8, 2011, 2:54 a.m. - Alam

we can add a thickbox within thickbox

Aug. 16, 2011, 5:19 a.m. - seo in hyderabad

wow this jquery is excellent

Feb. 12, 2012, 9:14 a.m. - sample

this is a sample

Sept. 9, 2012, 6:27 a.m. - Imma

I need A shoutbox