ThickBox 1.0 - No Beta On This One Baby
ThickBox originally was intended to be a proof of concept using the jQuery library. At the same time, during the original development I had a notion of possibly using ThickBox on a web site my close friend Hugh Griffith was working on. Indeed my notion turned out to be correct and this last week Hugh contacted me about using ThickBox on his new portfolio site. However, the current version, as many of you know had some major bugs (especially in IE). So, I started troubling shooting the issues he was having with ThickBox, and well, to make a long story short I ended up with a updated version of ThickBox.
Detailed Look at ThickBox Updates:
- ThickBox will accept the following file extensions as lowercase; .jpg .jpeg .png .gif .html .htm .cfm .php .asp .aspx .jsp .jst .rb .txt
- ThickBox no longer uses a fixed CSS position. This means that in Internet Explorer the window will appear centered in the viewable browser window no matter how far you scroll the browser window horizontally or vertically. Yes, this means you can now have links at the bottom of a web page in IE that use ThickBox.
- ThickBox will now adjust the size of ThickBox images that are bigger than the viewable browser window to fit inside the browser window (code from Christian Montoya).
- ThickBox can now be initiated on more than just page load. For use with AJAX type stuff where you might need to add ThickBox functionality to a page even after its been initially loaded by the browser.
- Clicking a ThickBox image will now close ThickBox. Image Links only!
How to Upgrade:
Upgrading from the old version of ThickBox to the newer version is simple. Just replace the thickbox.js file & TB_ CSS declarations found on the new demo with the old ones. These files can be downloaded at the top of the page on the new ThickBox example page. Also, for the ThickBox to scroll with the page it requires the following CSS.
html, body {height:100%;}
Coming Soon:
Also, if you haven’t noticed jQuery is catching on. And in the not so distant future I will be releasing a jQuery tool tip solution. Stay tuned!
Thanks a lot for this fantastic and useful tool, Cody!
It just came in the right time for me.
Thanks!
this is very impressive. It works fine in Firefox but when I run it in IE, only the top part of the screen is darkened. Any tips on how to solve this ? NB I am a relative novice at this stuff !
Any chance of providing a modal option?
@Jerry – Make sure you have the body and html element set in the css to have 100% height. Also, what version of IE are we talking about.
@DaveG – What kind of functionality do you purpose. Like, the close button is the only way to close ThickBox in modal mode?
This tool is fantastic!!!! Really good job!
It “coughs” on scrolling @ Firefox. The previous one didn’t. If u can fix this it would be awesome!
@Stamatis – You mean it’s a little jumpy when you scroll…?
Sir, I would like to thank you and say that thickbox friggen rocks. I am using it to display a feedback form on my website. The form is then processed using FormMail. Could you by any chance tell me how I could display the FormMail response message back in the original ThickBox window? Regards, jk
Yes, I mean it’s a little jumpy when u scroll. Forgive me for my english, i couldnt find a better way to describe it.
@jkrebs – You can update thickbox just like you would update anything that has been injected into the DOM. Just find the element on the page and update the html in the ThickBox using the DOM or innerHtml.
Nice job Cody. I should mention that I used jQuery in a recent project and it was great; it made my code much cleaner and totally took care of all my browser compatibility issues. I’ll give you a link to the project when it’s up.
Excellent work again Cody!
I see the comments and suggestions from the ‘beta’ have been incorporated into this version!
I’m currently working on adapting this to allow sets of pictures for gallery type scrolling (a la Lightbox 2.02).
I’ll be making this into another WP plugin for my site (those who would like it for WP, feel free to comment on my blog).
Thanks again!
There is a ‘slight’ problem.
If I open a picture and then resize the window, the picture does not rescale to suit the window.
This isn’t exactly a major problem, or even a minor one, but I think it’s something that people may like to quibble about, now that images can resize! :)
P.S. Any chance that your comment message box could be made a little wider, and support HTML (or even UBB) for code quotes, italics, strong, etc!?
the transparent background doesn’t work on opera 8.52 windows xp. It is black.
Another problem, which you’ve already identified, is the use of uppercase file extensions.
‘toLowerCase()’ could solve this.
I was wondering if you would be able to add functionality where you can click anywhere on the picture to close it. The same functionality as the original lightbox had.
Thanks.
Keep up the great work.
Hi again,
Would it also be possible to add the function where you can click on the animation image to close it off. If it freezes during loading or you are on a slow connection and dont wanna wait for the picture to load. You have to press F5 to get rid of the loading animation page which is annoying. I know that lightbox 2.0.2 has this functionality.
Thanks heaps.
Great work Cody! Any chance you could add .cfm as a supported extension?
@Josip – Ok, I added this functionality to the demo and download. Clicking an image will now close the ThickBox.
@Josh – I have set aside my distain for coldfusion and added the extension to the demo and download.
FYI – In addition to the fixes I just mention the loading graphic should not be hanging around any more if by chance the user clicks the transparent background before the ThickBox loads.
Excellent script Dood! I am trying to load a movie instead of a pic. I embeded a 245×175 vid into overflow.htm. FF works no problem. Opera works ok, but IE on close, shuts down the div but leaves the video on the page. LOL you have to close the browser to get rid of it. Any Ideas?
FYI: WP plugin url
http://www.dan-atkinson.com/wp/index.php/110/thickbox-plugin-for-wordpress/
Thanks again to Cody for the excellent work!
If I have the thumbnail in an iframe, how can I make the Thickbox populate in the parent?
Cody, thanks for the great code and samples, and thanks for introducing me to jquery. it’s like cheat codes for those of us who get weak in the knees around javascript.
@Dan A – Nice job on the plug-in, as for my comment form…well I had it a fixed up until I update TXP and the commenting system change. I will have to re-visit it again. I know it needs a little attention. As for the lower case issue, tested this a little bit and well I got different results depending upon the settings on the server. As for now, it was not worth changing the case, and then changing back in order to make sure the right file is called.
@Samuel – Yup, I resist the temptation to hack something together to account for Opera.
@Wayne- Nope…I have not really tested video in a ThickBox, maybe on another version.
Cody, great stuff, real use for help files and flash video. I have one question – can you use #bookmarks? I tried a simple one on the demo ‘ajax.htm#test?height=300&width=300’, which didn’t work. Would you have to enter the bookmark as another ?parameter and sort it out in the js?
Cody… great work! Only one thing: if I open a new html page with its own css… it doesn’t display correctly (with correct style) why?
Thanks, Thomas
Prototype / prototype.lite / moo.fx still all cause thickbox not to work… is there any work around?
I’m trying to do something like this:
TB_show(“test�,�ajaxLogin.htm?height=100&width=250�);
when I first load a page or when I reload a php page to display an error without clicking on an href, but I have some js errors… How can I do this?
Thanks
Thomas
*@Thomas*
Sadly, I don’t think you can add onload events to the body tag with jQuery and Thickbox. At least, I couldn’t get it to work. This is what I did to get the thickbox window to popup on page load:
onload=”TB_show(this.innerHTML,’path/to/page.htm?height=200&width=200’); return false;”
This gets added to the body tag in the HTML.
I’m writing a port of thickbox to Prototype/moo.fx if anyone is interested.
I almost got everything working when I learnt about the update ;-)
I’m merging the changes and I’ll release it if there is some interest here !
link
The above link show you an intergration of Thickbox within a shopping cart. But for some reason in IE we can not for the life of us get the Images to popup within the thickbox box. Everything works fine on Mac – Safari / Firefox and Windows – Netscape / Firefox
But no on Windows – IE. It just comes up blank. IE is the major browser that comes to this new site (this is the testing location) and we are trying to deploy it either today or early tommo. Does anyone have any ideas or thoughts on how to fix this. Cody?
Kind regards and rock on.
—Steven Pignataro
@steven – ThickBox works fine in IE 6, and IE 5.5 (some visual issues in 5.5). As for your site, I have no idea why it is not working for you. But, since the demo is working in IE then the ThickBox code is not the problem. I am guessing its a js error issue/conflict. In both IE and FF a bunch of js errors appear on the page you linked too. I would trouble shoot these before you start trouble shooting why ThickBox is not working with the code you implemented it with.
@Everyone Else – ThickBox works fine in IE. If it didn’t then the demo would fail in IE. Which it does not.
@Steven – I’ve just looked at your code (specifically your CSS) and you’ve commented out the line:
html, body {height:100%;}
Despite this being specifically mentioned. I stopped looking there. If you’re willing to ignore the advice, then I’m guessing you also made a few other changes.
I would recommend that you reinstate some of the CSS code (and anything else) and try it one step at a time until it’s fully functional.
@Cody
I have tested thickbox with differant templates on this site. I found that the issue was that global.js (supplied with thickbox) was cuasing the JS errors. I took this script out of the code for the template and still get the same results. I have attempted no modification to the core of thickbox other then simple CSS comments. These missing CSS strings have nothing to do with weather the image is displayed or not….they are mearly link behaviors or things that are stated in the main CSS.
Now that I dont have a JS error I would however like to figure out why IE is not bringing in the image. I have tried relative paths and absolute paths. I have JPGs / GIFs / PNGs. I have tried pulling the image in a CSS stylesheet.
On the link above the site is using the 2 differant ways to pull up information. It is using the tag for images and the tag for pulling in a html file.
@Dan
The code is commented out due to the fact that it is not needed since it is specified in the main CSS. Otherwise it destroys the entire look of the template by shrinking the background. This I can tell you has nothing to do with weather the image displays in thickbox on IE.
@Everyone Else
Thickbox works…that I do know. But it isnt working for me and I am trying to resolve it.
Cody, why is it that when I click the photo of your son, wyatt, that the grey transparency and image load at the top of the page when I’m at the bottom? It’s pretty clear that it happens because I could see the grey box toward the top of my browser window.
@Josh – Are you speaking about the demo, or code you implemented?
@Steven P – I’m sorry you are having difficulty with your implementation of the ThickBox code. I hope you realize that it would be almost impossible to trouble shoot the issues you are having without looking at all the code that might be effecting the implementation. This of course is not realistic. My advice to you would be to start with the most recent demo. And inject the code again in small chucks testing the results of each chunk across several browsers. Of course, realize the any deviation from the original CSS and JS muddies the water and needs to be accounted for.
@Everyone – I posted this a while ago, but I think it needs to be said again.
ThickBox has received more attention than I had initially expected. So much so that I am a little overwhelmed with the notoriety and somewhat dumbfounded by all the individuals using it. Truthfully I developed the solution as a proof of concept as well as my own personal endeavor to showcase the jQuery library. With that said, I think I might owe some people an apology. Thickbox is not software. It has no support or documentation. It’s the start of a great script and should be used as a launching point. If you see the potential of what is possible, then the script was likely created for you. If, however, you only see the limitations of the solution then, honestly, the script is likely not for you. With that said, I am sorry that I have not responded to a large portion of the comments received on the original post. I’m even more sorry that as of today I do not plan on responding to a majority of the emails and comments that I received requesting support. ThickBox will eventually morph into another version. If at that point it can stand alone as useful to you, then use it. However, as of today and moving forward please do not expect a great deal of support for a script that was really never meant to be a complete solution. Remember, this stuff is free. If it so happens to come wrapped with great documentation and support then even better, but seriously don’t assume it should.
I’m referring to the demo.
I’m testing the script right now on some older posts and it works very good. I inserted the code twice into the wordpress quicktags file (once for images and the other for pages) and this makes it really easy to use also.
Many thanks! It would be nice if .swf files (flash could also be opened without the aid of a html-page, but that’s not a big deal ;).
I second Jacks idea about .swf files. That would be pretty cool. :)
Oh, and just one more thing… I know (and read just a few comments above this one) that this is ‘just’ a script ;). I respect that and you should really take your time with this because I know they can be very time consuming.
Anyway, whenever you plan to work on it a bit more I’d like to point out Plogger. A rather new and excellent gallery system which is still in it’s beta stage. On my site you can see one of the latest builds (beta 3 – click on one of the four thumbs or on ‘fotografie’ on top of the page). It also uses themes and there will also be a WordPress plugin. I’m using a ‘lightbox’-theme and was trying to create a duplicate theme for thickbox, but somehow I’m not succeeding in doing so. The css is conflicting somewhere, but especially the images don’t show up in a thickbox but in a blank page. It should have worked :(.
Whenever you have the time … have a look at Plogger. I think you’ll like it. And just one script for both Plogger and WordPress would be very efficient :).
I’m having problems when using thickbox together with DWR. When I remove the jquery.js file, everything works fine again, except thickbox of course. Is there any one having the same problem and found a solution for it?
Hi,
Thanks for the amazing code but unfortunately, thickbox effects seem to b0rk my theme which itself heavily uses Ajax and is based on scriptaculous libraries! :(
Any possible solutions to this?
Sorry for the double comment but you can take a look at the theme which I’m planning to use at http://sandbox.ajaxed.net
Hi Cody,
Great script! I have just implemented it on a small artist site and it is working quite nicely.
One minor bugg I did notice in Firefox/Camino Mac is that when the window pops up it leaves part of the underneath page exposed at the bottom without the transparent overlay on top of it. I figured out a workaround by adding the min-height: 100% attribute to the TB_overlay div id (see below). Now it seems to work just fine!
#TB_overlay {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
height: 100%;
min-height: 100%;
background-color: #000000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
Nice JS Cody =)
I don’t know if I missed a discussion, but it would be nice if it can display a remotely hosted page (i.e. different domain). I guess thats on the “keep on dreaming” wishlist? haha
Hey, I am currently implementing TB in my site, but I have come accross a strange phenomena that I cant explain. When I test the site locally everything work great in FF and IE, but when I upload it to my host, TB doesnt work when the page is initially opened (it opens like a regular link). If I refresh the page, TB works properly. This behavior occurs in both IE and FF on all computers tested thus far? I thought maybe it was a strange chcheing error, so I tried a no-cache meta tag but no no avail. Any thoughts?
@Chris – I have that problem when it conflicts with my other scripts, perhaps you are having the same…
@sylvinus – I look forward to your port
@Chris – Same here. It’s a problem with how the Thickbox is initialised with $(document).ready() – a workaround is to change that to $(document).load() instead. That fixes it.
Still loving Thickbox and its brothers scripts; so thankyou all writers/contributors/supports/critics etc.
I have just upgrade to the new version, but am having some problems when viewing thickbox-launched pages on smaller screens & resolution. I have one particularly lengthy page that launches fine, but the top line or 2 is hidden from view (again, on smaller screens/res), making it impossible to see the close text (and possibly confusing for those who don’t know the new “close on click outside” feature) . I’m sure some CSS tweaking will solve it, but I thought this issue had been resolved in the new version? Any ideas anyone?
The thickbox doesn’t display my flash at all… Is not one page the same as all the rest? Or does it somehow discriminate against certain content?
What ‘evil’ content?
I had problems myself with including a html-file with .swf content. I had to make the window a bit larger than needed. So try to make the width and height larger than the size of your flashmovie. That should work.
Hey everyone, I’ve tried to incorporate my thickbox into some php generated images. Does anyone have any idea what I’m doing wrong? or how to make this work? Please, let me know. Thank you!
the location of the images is: http://jeranon.com/pages/fractals/index.php
@Jernon – Yeah… you are loading prototype, which is incompatable. There was another comment where somebody said they are working on a port to fix that…
@Xevor – what exactly is the conflict with prototype? I’m trying to use ThickBox (for video as inplemented in vPIP – video Playing in Place by Cinegage Utilities – http://utilities.cinegage.com/videos-playing-in-place/) as well as using Lightbox 2.02 (for Pic Gallery) on the same page.
Are there function naming issues?
@All – Turns out the problem is a conflict between prototype and thickbox. Anyone have any ideas?
I will take a look at the function names to see if there are duplicates, but any additional insight would be great!
Eric
I’m having a problem when opening html that have áóéÃ, that kind of special chars.
It should be something with UTF-8 when i need iso-8859-1. Do you know any solution for this problem ? :)
@Steve P. – I was having the same trouble, no image in IE. For me it was a conflict with another script(sleight.js)
@all – As to prototype the jquery site mentions a conflict here – http://jquery.com/docs/PrototypeAndJQuery/
Also, if anyone’s using thickbox and suckerfish dropdowns here’s a rewrite of suckerfish using jquery –
$(document).ready(function(){
$(’#nav li’).hover(function(){
$(this).addClass(‘sfhover’);
}, function() {
$(this).removeClass(‘sfhover’);
});
});
details in jquery docs – http://jquery.com/docs/event/
Cheers all, and again thanks cody
@Dave – Thanks!!! I will modify my code tonight – this could be a lifesaver!
Eric
First off, very nice indeed ;-)
I’m trying to adapt it for one of the modules in CMS Made Simple.
Any luck with a version that covers Form Select drop downs in IE? Otherwise they show through, as I’m sure you know!
Russ
@Dave Thanks it fixed my problem. Finally. I just scraped the js and i didnt even know it was being pulled in.
Cheers
A useful extension of Thickbox would be to enable it to point to a DOM element that is already present on the page. For example, a popup map. There’s not always a need fot AJAX, but there’s always need for a uniform UI.
How is the possibilities to open another ThickBox from within a already open ThickBox? possible?
That would be great if you could rewrite it in prototype!
Two quick questions:
1. Can you link to other images from a current image (like Lightbox 2.0)?
2. When opening a html file with a quicktime movie in it, IE leaves the movie when you close the ThickBox window – any thoughts?
Just a sidenote, you should probably make the regexps case-insensitive (/ig), in the event someone is using .JPG or whatever.
...and by that I mean:
var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.html|\.htm|\.php|\.cfm|\.asp|\.aspx|\.jsp|\.jst|\.rb|\.txt/ig;var urlType = url.match(urlString).toLowerCase();I have a mixed gallery (flash and jpgs) and want a uniform footer with the “close” button area on bottom of box including caption/title for html, just like .jpgs. I realize i could create a uniform html template for all types, but one or two styles makes more sense.
thanks
d’oh… make that:
var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.html|\.htm|\.php|\.cfm|\.asp|\.aspx|\.jsp|\.jst|\.rb|\.txt/ig;var urlType = $.map(url.match(urlString), function(a){ return a.toLowerCase() });CSS CONFLICT, same issue as post #27: the “base linksâ€?in global.css overwrite any other a:text styles in your site/page. My guess as to the reason: The “base links” are global and not assigned a ”.stylename” (and if you comment these out, the script will assume your first listed style)
Problem #2: because of this, you cannot easily make a second a:class to, say, have separate “link� or “close� button color options. I have also tried adding styles for both the “TB_window� and/or “TB_closeAjaxWindow� but to no avail.
Is there something I am overlooking to solve this?
Hi. How can i open a link in the page that opening same layer?
I’m trying to use the thickbox to open images via php.
For example :
It will open the picture as a new page instead of loading onto the same page using thickbox. I’ve included the class in the link and it still doesn’t work. It will only work if I link the JPGs directly.
Has anyone encountered this or know what I’m doing wrong?
Great script, Cody! I’ve got everything set up, but the only issue I’m having is that the larger image doesn’t display no matter what I try. Any ideas?
www.paramount-const.com/html/portfolio.html
Thanks!
Dave
Anybody have an issue having the thickbox “pop-up” over a flash swf. I have a flash element on my html page and when I do the popup, it gets cutoff by the flash movie. Any ideas?
On closer inspection, I see that the Image source code is goofed up which is why I’m getting a blank thickbox.
Image source is shown as this:
http://www.paramount-const.com/thickbox/js/http://www.paramount-const.com/assets/images/600/CVS.jpg
How would I correct that?
Thanks in advance.
Dave
Fixed!
Line 70 of thickbox.js file. I changed:
src=’../thickbox/js/”url”
to this:
src=’”url”
BINGO!
Thanks
Dave
@Joel Birch
Thank-you!!
@Flash Inquires & z-index – If you have questions about flash and DOM elements please review this article or this article.
Well done!! The features are much more enhanced than your previous ones. I’m looking forward to check out more details from your website soon. I’ll be hoping to implement your work into my website as well.
How can this be used for forms? I see you have a login demo and a form page in the downloaded demo. However they do not work and i get redirected to another page.
sylvinus, I’m totally interested in the port. I’d like to be able to use both Thickbox and prototype/moo.fx, but right now I can’t. Sigh.
hi all,
thickness rules!
for anyone still pulling out their hair about the issue of IE select element’s showing through the thickbox overlay, i think i may have found a solution..
the idea is borrowed from the way this problem was tackled with regards to particletree’s Lightbox Gone Wild script.
see particletree.com/features/lightbox-gone-wild/ – specifically the section entitled: “hideSelects()”
basically, you just hide the select elements when the thickbox opens, and show them when the thickbox is closed.
as a testament to how easy jQuery is to learn and use (i hadn’t heared of it till about 3 days ago) – this is how i worked around the IE bug:
1. open thickbox.js
2. find the TB_init() function and insert $(“select”).toggle();
just before the line “return false;”
3. find the TB_remove() function and insert $(“select”).toggle();
just before the line “return false;”
4. save/upload and that’s it.
—-
cody: has anyone confirmed a bug in the new version of Firefox (1.5.0.4) on Win2K with Wordpress (2.0.2) ?
the problem is: thickbox never works the first time you click on it. something to do with caching the js file would be my guess. i think this was mentioned a few times in the old or new comments. anyway, if you hit the refresh button and click the thickbox link (it has to be the same link) – all is good.
this is not an issue on other OSes/browsers, and if you remove the call to wp_head() from the header.php file of your Wordpress site it all works fine again – so it’s pretty specific.
any thoughts?
hi again,
this is just a follow up to my previous comment..
looks like i’ve narrowed down the WordPress problem some more. It seems that the del.icio.us “Play Tagger” script was conflicting with Thickbox. Anyway, the issue is resolved (on my particular WP install) by editing the “Play Tagger” plugin and change the call from wp_head() to wp_footer()
now everything works perfectly again.
Using this thickbox in IE 6 for PC, the page stays greyed after clicking to close the image and if you try to click more then the image kind of flashes up again. Any insight? I may have overlooked an answer. I could care less because I don’t test IE until someone says hey that’s neat but it doesn’t work in IE.
Okay, I said I may have overlooked answers like in the first paragraph of this page!
Nope, the updated version doesn’t work either as stated in post #85
Hi there,
I know I’ve asked this before but is there any way using the CSS to make the background of loaded HTML pages fully / partially transparent. Either I get everthing transparent (text, images, content) or I get a white background.
Basically what I’m trying to do is have the overlaya semi transparent white and the background underneath the loaded HTML content a semi transparent white to match the overlay.
Cheers for any help.
@fella – Does the demo page work in IE for you?
Cody,
I believe I found a slight bug when the content of a page is shorter than the browser window and a margin is set on containing elements. For example, if I remove all of the filler “lorem ipsum” text from your demo page so that everything fits within the window, I still see a scrollbar on the side due to the 20px margin you put on the #contentPad containing div even though there’s no need to scroll.
As a fix, I applied Dustin Diaz’s min-height Fast Hack to the html, body {} CSS rather than the usual height: 100%.
html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}
And no more scroll bar, regardless of the margins on elements on the page. I tested it out on Firefox 1.5.0.4 on Windows/OS X, Safari, IE6 and it looks good.
how come if i include a form tag, it doesnt work. but when i remove them, it is working ok.. any ideas?
Jason : you have to set wmode to transparent in the code calling Flash, cf http://www.faitesvousunnom.fr/campagne.html
Hey Cody, great script, thanks for sharing! :)
Couple of small issues/bugs fwiw..
– Using Safari 1.3.2 on 10.3.9, when you scroll down the page and click a thickbox link, the ‘loading’ animation & translucent div appears at the top of the page, and is only as tall as the current viewport. That is, it doesn’t display front and centre of the viewport like other browsers, which makes it look like nothing is happening if you scroll down and click a thickbox link. I can reproduce it with the online demo. – When no caption is specified in the alt attribute (ie alt=”” ), the contents between the [a href=””][/a] tags appears in the caption space (be it text or an image) which is a bit weird – took me a while to figure that one out! :)Cheers, and thanks again!
uhh.. re my first point, it appears it does that in all browsers, not just safari, sorry :| its been a long day….. finishing my portfolio site that uses thickbox! :D (click my name)
@Luke – Yup, I am going to try and fix that on the next release(loading image). Major bug I missed. Sorry about that.
Hi Cody,
nice piece of work that I’d like to use. But…
I can’t solve the issue of IE select elements showing through the thickbox overlay.
The solution elran mentioned in #83 doesn’t work for me.
It even makes thickbox no longer work. (the content that should be displayed in the box just appears in the main page – tried that with thickbox’s demo page)
Could you please provide a real working solution for that?
Thanks
..and while you’re around ;°)
could you make the title display in the thickbox also in case of non-image content?
@Geert & Everyone Else – An update is coming soon (day or two, maybe three).
Has anyone found a solution to the IE bug that causes multimedia (audio, video, flash) to continue playing even after the Thickbox is closed?
Hi.
I have a problem with TB in FF (i tested FF and Opera), when page loads, if i click on a “thickbox link” it works like a regular link, but if i go back and click again (or in any other “thickbox link”), everything works ok.
I tried solution given in #50 because the situation looks like #48, but it doesn’t work.
I’m using jquery and thickbox without any other js library…
Any idea?
Thanks.
hey there Geert,
if you can’t get the modified LBGW method to work for you then try this other method proposed by Chris over here: codylindley.com/Javascript/257/thickbox-one-box-to-rule-them-all#c001069
or, you could download a copy of my modified version here:
peerfactor.fr/dl.jsp?f=thickbox.1151037393.js
good luck to you honorable thickboxian!
When I use the latest compressed version of jquery (http://jquery.com/src/latest.js) with thickbox the screen flickers in Firefox when a thickbox window is opened. This ends when i change back to the jquery version that’s used in the thickbox example. Why?
>> @Geert & Everyone Else – An update is coming soon (day or two, maybe three).
Great! Looking forward to it. Thanks for your time.
@elran
Thanks for providing your code, but as I said that doesn’t work for me.
As for the other solution proposed by Chris, I’m more a JS newbie than a guru,
so that are only words to me.
I certainly could figure out what they mean,
but since Cody will post a new version soon…
I trust a solution of the original coder more then someone else’s (including my own ;°)
when I dont provide a title=”” in the I get in the alt, the full code for the ?
I’ve noticed that if you have HTML listboxes (dropdowns, etc.) on the main page when you call ThickBox all the listboxes remain active as opposed to being greyed out. Anyone know of a workaround for this?
Thanks,
Rich
Just what I needed, great work. Cant wait to see updates. It’s so lightweight.
Is there a way to fade the box in instead of unscrolling it as it does now? I like how the overlay fades just a tad. Classy.
tanya
Hey Cody,
thanks for your great work!
Just one remark: when I don’t provide the title attribute a small image is displayed under the big one.
>> An update is coming soon (day or two, maybe three).
I don’t want to be nasty, but… any idea when the update is coming?
@Geert – I delayed it because of jquery 1.0. Sorry, it will be out soon I promise.
Hi Cody, great work.
I have a question for you.
I want to put in a thickbox a delete-image page. The problem is, to delete an image I pass the ID parameter on URL…so, it becomes, for example: del.asp?ID=12…that’s a problem for thickbox? How can i resize the page AND keep the ID data passed? Thanks
Hi, I was just introduced to Thickbox, I love it. I am having problems in IE (go figure) close won’t appear unless you hover over it. Where can I edit the class for class=’thickbox” thanks for any help, YaLana
Hi Cody,
We gave you credit on our blog entry about Lightbox, Greybox, and Thickbox. I was hoping you would get a trackback link, but I don’t see it. As such, I thought I’d let you know we appreciate your gift of Thickbox (and a good blog). Here’s the post:
http://blog.centresource.com/2006/07/27/cool-javascript-lightbox-greybox-and-thickbox/
Take care,
NLH
This is great! Some of you have been able to load your html with embeddes swf files successfully. I’ve tried Jack’s idea about enlarging the size of the box, but still get a blank thick box. Jack?
Anyone?
If you respond M-F, please use my work email tj.wolf@everbank.com
I love it. More importantly, it’s much better than the way I was doing things.
nice, really nice, but… some problems with the plugins
It’s nice. I am opening a modal window to display some search criteria. Can you pls tell me, how to pass values from modal window to parent window?
WLPI5 http://kimuras.com/yoshi/modules/wordpress/index.php cheap loan [url=http://gaestebuch4u.de/gb/cialisblog.html]loan rate[/url] loan rate loan loan
Sorry, I thought I had the browser in there; I must’ve edited it out accidentally. Like schnuck, I see it in Safari.
Assuming that there was a liberal media bias, we didn’t believe the media, even though they were correct. The obvious solution, now that the media is vindicated and we were proven wrong, is to correct the liberal media bias which, as I just stated, only existed in our imaginations…
QhM5iN ckrovnqvrfgy, [url=http://fxjohmoenxpw.com/]fxjohmoenxpw[/url], [link=http://zahnexxvhzjr.com/]zahnexxvhzjr[/link], http://klwrjwwgtstw.com/
q6jNSL wdkcccrgsnca, [url=http://nfzktffkuszn.com/]nfzktffkuszn[/url], [link=http://xtpbqwfdeleb.com/]xtpbqwfdeleb[/link], http://rhlnyccnvkes.com/
WP3AFq tywbvqmdgwiz, [url=http://autlwsmngtkt.com/]autlwsmngtkt[/url], [link=http://oxjunquqewkx.com/]oxjunquqewkx[/link], http://dnsvenbfagzo.com/
ggFYKU zbtukvvwqexe, [url=http://hphfwzahotrq.com/]hphfwzahotrq[/url], [link=http://gsfqezevgsiw.com/]gsfqezevgsiw[/link], http://ijdbpaggkzam.com/
8rK0nR nzbsmvbaxvsz, [url=http://tyuukjsfavjy.com/]tyuukjsfavjy[/url], [link=http://gojwnnaqjiac.com/]gojwnnaqjiac[/link], http://ahlmcewbzpju.com/
Perfect! Try this sites: buy valium valium phentermine diet pills herbal phentermine discount phentermine order phentermine phentermine overnight buy cheap phentermine buy phentermine online cheap phentermine
Your site is very interesting and usefuls. cheap xanax discount xanax order xanax buy xanax xanax buy valium online cheap valium discount valium order valium buy cheap valium
Greetings! An excellent site! Before I came on: adipex cheap levitra generic levitra order levitra discount levitra buy levitra online buy levitra levitra discount tramadol buy tramadol online
Excellent site. It was pleasant to me. adipex cheap levitra generic levitra order levitra discount levitra buy levitra online buy levitra levitra discount tramadol buy tramadol online
It will open the picture as a new page instead of loading onto the same page using thickbox in IE6. the is the bug needs to be fixed.
open the picture as a new page instead of loading onto the same page using thickbox in IE6. please help.
Keep up this great resource. best greetings. buy phentermine online buy cheap phentermine buy phentermine phentermine no prescription phentermine without prescription order phentermine discount phentermine herbal phentermine phentermine diet pills buy cheap valium
Very good web site, great work and thank you for your service. discount valium cheap valium buy cheap xanax buy xanax order xanax buy viagra online buy cheap viagra phentermine 37.5 mg cheap phentermine phentermine overnight
You have made a good site buy valium discount xanax cheap xanax buy viagra order viagra cheap viagra buy generic viagra natural viagra buy cialis order cialis
Excellent site, added to favorites! buy valium discount xanax cheap xanax buy viagra order viagra cheap viagra buy generic viagra natural viagra buy cialis order cialis
Very good web site, great work and thank you for your service. cheap cialis generic cialis buy ambien online generic ambien tramadol hcl buy tramadol online buy cheap tramadol buy tramadol buy levitra online buy levitra
Your site is very interesting and usefuls. cheap cialis generic cialis buy ambien online generic ambien tramadol hcl buy tramadol online buy cheap tramadol buy tramadol buy levitra online buy levitra
Great site. Thank You! order levitra generic levitra cheap levitra buy adipex order adipex phentermine valium xanax ambien tramadol
Your site is very interesting and usefuls. order levitra generic levitra cheap levitra buy adipex order adipex phentermine valium xanax ambien tramadol
Good site! Good resources here, I will bookmark! adipex xanax withdrawal discount viagra cheap generic viagra buy cheap cialis discount cialis order tramadol cheap tramadol discount tramadol discount levitra
Excellent site, added to favorites! buy adipex online buy valium online viagra cialis levitra
The site’s very professional! Keep up the good work! buy adipex online buy valium online viagra cialis levitra
Nice webpage, lovely, cool design. buy phentermine online buy cheap phentermine buy phentermine phentermine no prescription phentermine without prescription phentermine 37.5 mg cheap phentermine phentermine overnight order phentermine discount phentermine
This site is very good! Thank you for your work! buy phentermine online buy cheap phentermine buy phentermine phentermine no prescription phentermine without prescription phentermine 37.5 mg cheap phentermine phentermine overnight order phentermine discount phentermine
Hello, very nice site! Please also visit my homepages: buy phentermine online buy cheap phentermine buy phentermine phentermine no prescription phentermine without prescription phentermine 37.5 mg cheap phentermine phentermine overnight order phentermine discount phentermine
You have made a good site herbal phentermine phentermine diet pills buy cheap valium buy valium online buy valium order valium discount valium cheap valium buy cheap xanax buy xanax
Very good web site, great work and thank you for your service. herbal phentermine phentermine diet pills buy cheap valium buy valium online buy valium order valium discount valium cheap valium buy cheap xanax buy xanax
Very good web site, great work and thank you for your service. order xanax discount xanax cheap xanax xanax withdrawal buy viagra online buy cheap viagra buy viagra order viagra discount viagra cheap viagra
Very good web site, great work and thank you for your service. order xanax discount xanax cheap xanax xanax withdrawal buy viagra online buy cheap viagra buy viagra order viagra discount viagra cheap viagra
Perfect site, i like it! order xanax discount xanax cheap xanax xanax withdrawal buy viagra online buy cheap viagra buy viagra order viagra discount viagra cheap viagra
Thanks for the great site i really enjoyed it! buy levitra online buy levitra levitra discount tramadol buy cheap tramadol buy tramadol online cheap tramadol buy tramadol order tramadol tramadol hcl
Great. Now i can say thank you! tramadol generic ambien cheap ambien buy ambien online buy ambien ambien generic cialis discount cialis order cialis buy cheap cialis
Wonderful and informative web site. Thx! tramadol generic ambien cheap ambien buy ambien online buy ambien ambien generic cialis discount cialis order cialis buy cheap cialis
You have made a good site cheap cialis buy cialis cialis natural viagra cheap generic viagra buy generic viagra discount viagra order viagra buy cheap viagra cheap viagra
Excellent site, added to favorites! cheap cialis buy cialis cialis natural viagra cheap generic viagra buy generic viagra discount viagra order viagra buy cheap viagra cheap viagra
Wonderful and informative web site. Thx! buy viagra online buy viagra viagra xanax withdrawal discount xanax order xanax buy cheap xanax cheap xanax buy xanax xanax
Great. Now i can say thank you! discount valium order valium buy valium online buy valium buy cheap valium cheap valium valium phentermine diet pills herbal phentermine discount phentermine
Perfect! Try this sites: order phentermine phentermine overnight phentermine 37.5 mg phentermine without prescription phentermine no prescription buy cheap phentermine cheap phentermine buy phentermine online buy phentermine phentermine
Nice site keep up the good work. order phentermine phentermine overnight phentermine 37.5 mg phentermine without prescription phentermine no prescription buy cheap phentermine cheap phentermine buy phentermine online buy phentermine phentermine
Perfect site, i like it! order phentermine phentermine overnight phentermine 37.5 mg phentermine without prescription phentermine no prescription buy cheap phentermine cheap phentermine buy phentermine online buy phentermine phentermine
Nice webpage, lovely, cool design. free mobile ringtones free mp3 ringtones free polyphonic ringtones free cingular ringtones free verizon ringtones free sprint ringtones download free ringtones free motorola ringtones free nokia ringtones free ringtones
Nice site. You are doing a great service to the web. order adipex buy cheap adipex buy adipex online cheap adipex buy adipex adipex cheap levitra generic levitra order levitra discount levitra
Fascinating site and well worth the visit. order adipex buy cheap adipex buy adipex online cheap adipex buy adipex adipex cheap levitra generic levitra order levitra discount levitra
Great site. Keep doing. order adipex buy cheap adipex buy adipex online cheap adipex buy adipex adipex cheap levitra generic levitra order levitra discount levitra
Good site! Good resources here, I will bookmark! buy levitra online buy levitra levitra discount tramadol buy cheap tramadol buy tramadol online cheap tramadol buy tramadol order tramadol tramadol hcl
Great site. Thank You! order valium buy valium online buy valium buy cheap valium cheap valium valium phentermine diet pills herbal phentermine discount phentermine order phentermine
You have made a good site phentermine overnight phentermine 37.5 mg phentermine without prescription phentermine no prescription buy cheap phentermine cheap phentermine buy phentermine online buy phentermine phentermine
Nice site. You are doing a great service to the web. phentermine overnight phentermine 37.5 mg phentermine without prescription phentermine no prescription buy cheap phentermine cheap phentermine buy phentermine online buy phentermine phentermine
Nice Guestbook ;-) Thanks! cheap airline tickets cheap airline cheap airfare tickets cheap airfare cheap plane tickets cheap domestic flights cheap flights cheap international flights discount airline tickets discount airline cheap Europe flights cheap flights Florida
Nice page greetings to all in this guestbook! cheap airline tickets cheap airline cheap airfare tickets cheap airfare cheap plane tickets cheap domestic flights cheap flights cheap international flights discount airline tickets discount airline cheap Europe flights cheap flights Florida
Very good web site, great work and thank you for your service. cheap flights Canada cheap flights Orlando cheap flights europe cheap Asia flights cheap Australia flights cheap USA flights cheap flights to USA cheap Japan flights cheap international flights cheap domestic flights cheap airfare tickets cheap airline tickets
Nice webpage, lovely, cool design. buy cheap cialis free mobile ringtones free mp3 ringtones free polyphonic ringtones free cingular ringtones free verizon ringtones download free ringtones free motorola ringtones free nokia ringtones free ringtones
Perfect site, i like it! order adipex buy cheap adipex buy adipex online cheap adipex buy adipex adipex cheap levitra generic levitra order levitra discount levitra
Nice Guestbook ;-) Thanks! buy levitra online buy levitra levitra discount tramadol buy cheap tramadol buy tramadol online cheap tramadol buy tramadol order tramadol tramadol hcl
Fascinating site and well worth the visit. buy levitra online buy levitra levitra discount tramadol buy cheap tramadol buy tramadol online cheap tramadol buy tramadol order tramadol tramadol hcl
Keep up this great resource. best greetings. tramadol generic ambien cheap ambien buy ambien online buy ambien ambien generic cialis discount cialis order cialis cheap cialis
Just serfed in. Great site, guys! buy cialis cialis natural viagra cheap generic viagra buy generic viagra discount viagra order viagra buy cheap viagra cheap viagra buy viagra online