I’ve got nextGEN Gallery installed in plugins and it’s working fine, except for the multitude of validation errors. I’ve downloaded smoothbox.css, smoothbox.js and loading.gif

I have no clue where to place these files so that nextGEN can use them instead of Thickbox. I tried just placing them in the nextgen-gallery -> thickbox directory and then seeing if I could select smoothbox in the nextGEN wordpress preferences Gallery -> Effects -> Custom but didn’t have any luck with that. I’m lost, dazed and confused.

My problem was a box that contained Inline Content and I wanted Next and Previous links for it. The thickbox removes the “original content” and puts it into TB_ajaxContent. So I had to make some changes into thickbox.

First: I have divs id=”x1″, id=”x2″, and so on. The link in the original thickbox link is &inlineId=x1, and so on. In the divs, I have next and previous links onclick=”changeContent(’x3′);” and onclick=”changeContent(’x1′);” (this is div id=”x2″). The function

function changeContent(fieldName1){
$("#TB_ajaxContent").empty();
$("#TB_ajaxContent").prepend($("#"+fieldName1).html());
return false;
}

After this I found out that thickbox empties the “original div” - SO in thickbox.js (not compressed) I changed:

if(url.indexOf('TB_inline') != -1){  
          $("#TB_ajaxContent").append($('#' + params['inlineId']).children());
          $("#TB_window").unload(function () {
            $('#' + params['inlineId']).append( $("#TB_ajaxContent").children() ); // move elements back when you're finished
          });
          tb_position();
          $("#TB_load").remove();
          $("#TB_window").css({display:"block"}); 
        }

to:

if(url.indexOf('TB_inline') != -1){  
 var cloneableDiv = $('#' + params['inlineId']).clone(true);        $("#TB_ajaxContent").append(cloneableDiv.children());
          tb_position();
         // $("#TB_load").remove();
          $("#TB_window").css({display:"block"}); 
        }

Hope this helps someone.

I think there is a minor bug with the loading gif and using pretty permalinks. With pretty permalinks the relative path to the loading gif changes. I am using smoothbox and updated smoothbox.js on line 53 to read:

$(’TB_load’).innerHTML = “”;

instead of:
$(’TB_load’).innerHTML = “”;

Do you know if is any way to use Thickbox with video tutorials like they do it in camtasia hompage?

Thanks.

I came across this thread, and was hoping someone could help, im going crazy! I’ve been developing a site with jQuery tabs, innerfade, and swfObject, with much success. My plan was to integrate thickbox for the individual images, but for some reason, i can’t even get thickbox to kick in. The browser just goes right to the image in a new window. I know it’s something silly, could anyone help me out? I’ve worked with lightbox quite a bit, but even that wouldn’t work when i tried integrating it onto the page. Right now i’m just testing on one page, the first thumbnail (phoenix adult), that should definitely be doing some thickbox magic…have a look at the code…

http://dev.creativehinge.com/portfolio_temp.php