Archive for the Slightly Thickerbox Category

August 31st, 2006

Slightly Thickerbox 1.7

Filed under: Cool Coding, JavaScript, Slightly Thickerbox — jasonlevine @ 1:32 pm

I’ve upgraded Slightly Thickerbox to use JQuery 1.0.1 and the updated version of Interface Elements for JQuery.

2 Comments

  1. Comment by joshuazz — September 21, 2006 @ 3:13 pm

    Thank you for implementing the ability to play video files. This sets STB apart from the others in a nice way.

    However I seem to be having issues with it. The video content is always pushed up against the left border of the window, and the aspect ratio is off, as in appears square instead of 320 x 240. Any idea how to fix it?

    Thanks

  2. Comment by asterocean — November 6, 2006 @ 1:50 am

    jmp3 & thickbox are both great plugins that using jquery,

    then, how could jmp3 work in a thickbox window?
    jmp3 works fine alone, it seems that

    $(document).ready(function(){
    $(”.mp3″).jmp3();
    });

    not work when loaded by thickbox

    then which event should it been binded? any sugestion would be grateful.

    another question , how could thickbox work when loaded in a thickbox window? that’s thickbox over thickbox, :-)

    i’ve patch some flaws in thickbox, maybe someone will need it.
    such as:
    animated gif problem:thickbox loading again and again when display animated gif
    tiny picture problem:thickbox size is too small when display small size picture
    selects disapeared when thickbox closed:selects disapeared when thickbox popup,but won’t show again when thickbox quit.

    maybe someone will like it, see diff

    19d18
    “);

    > $(”body”).append(”");
    110d108
    close” + ““+caption+”");

    > TB_HEIGHT = imageHeight + 80;
    > $(”#TB_window”).append(”"+caption+”close” + TB_PrevHTML + TB_NextHTML + ““);
    164d153
    “+caption+”close” + TB_PrevHTML + TB_NextHTML + ““);

    > $(”#TB_window”).append(”"+caption+”
    close” + TB_PrevHTML + TB_NextHTML + ““);
    201c190
    “+caption+”
    close” + TB_PrevHTML + TB_NextHTML + “”);

    > $(”#TB_window”).append(”close” + TB_PrevHTML + TB_NextHTML + “”);
    228c217,218
    TB_VisibleSelects = $(”select:visible”);
    > TB_VisibleSelects.toggle();
    307c297
    TB_VisibleSelects.toggle();
    315c305
    TB_VisibleSelects.toggle();
    322d311
    }

    thanks a lot

August 14th, 2006

Slightly Thickerbox 1.6

Filed under: Cool Coding, JavaScript, Slightly Thickerbox — jasonlevine @ 8:36 pm

I’ve just posted a new version of Slightly Thickerbox. This version fixes the issue that the last release had with IE and the Interface Elements for JQuery. It also will hide any visible select boxes on the page when a Slightly Thickerbox window is opened. This works around a long standing bug in IE that places select boxes above all page elements. (It’s a “feature” that has caused many a web master to rip hair from their heads.)

Right now, there are two outstanding bugs that I know of:

1. Java Applets still appear in front of Slightly Thickerbox items.
2. Sound from movies still plays in background when Previous/Next/Close links are clicked.

If anyone knows of a way to fix these issues, I’d love to hear them. (Though I have an idea on #1. #2 looks to be more complicated.)

As always, you can get Slightly Thickerbox by going to http://www.jasons-toolbox.com/SlightlyThickerBox/

2 Comments

  1. Comment by RichH53 — August 17, 2006 @ 1:48 pm

    Jason, the runtime error I get when trying to uninstall Cookie jar is:
    Run Time error “5″
    Invalid procedure call or argument

    (Thanks… you can just email me at codybearz@rap.midco.net
    if you would want to.)
    Rich.

  2. Comment by lotrgamemast — September 7, 2006 @ 6:10 pm

    The animation to make the box apear doesnt work at all in Opera 9, so the box won’t show. However when you click the translusent black div the box apears and then animates away as normal. You may want to make it work in Opera as lots of people do use it:

    http://www.opera.com

August 3rd, 2006

My birthday but the present is for you.

Filed under: Cool Coding, JavaScript, Slightly Thickerbox — jasonlevine @ 9:03 am

It’s my birthday today, but the present is for you. I’ve upgraded Slightly Thickerbox to version 1.5.

You can now add movies (MPEG or AVI) to a Slightly Thickerbox group. You can also group AJAX pages together. This could be used as a quick and easy way to put together an online presentation.

I’ve also done a lot of backend code restructuring, but that won’t concern most of you. If you were calling the TB_Show function directly, you’ll need to change your reference to TB_ShowObj and pass it a reference to the object you want to display. For example:

TB_ShowObj(document.getElementByID(”FirstElement”))

Finally, I’ve added support for the Interface Elements for JQuery. This is a JQuery plugin that, among other things, adds some more advanced animation capabilities. If you include the Interface Elements scripts (included with the download, see below for the code), then Slightly Thickerbox will use the advanced animation capabilities automatically. Otherwise, Slightly Thickerbox will use the built-in animation capabilities that JQuery possesses.

As always, you can get the latest version of Slightly Thickerbox by going to http://www.jasons-toolbox.com/SlightlyThickerBox/.

EDIT: I just uncovered a bug with Slightly Thickerbox and IE when using the Interface Elements. For now, just disable the Interface elements (comment out or delete the references). I’ll post a fix when I figure out what is going wrong. (FireFox seems to be unaffected by the bug.)

6 Comments

  1. Comment by RichH53 — August 4, 2006 @ 7:34 am

    Comment by RichH53 — July 30, 2006 @ 4:01 pm

    Jason: I’m trying to unistall cookie jar and I keep getting a runtine error. What do I do? I can’t seem to download the updated version you’ve got of this program. Please help!!! Thanks. RichH53 codybearz@rap.midco.net

  2. Comment by ovdncoke — August 4, 2006 @ 8:51 am

    Hi Jason, upgraded last night to use thickerbox 1.5 and it solved my ‘not grouping images in whole table just rows’ problem. However I am using this on another page that has a Java Applet in the middle and the applet always appears in front of thickerbox. Example here,

    http://www.duncane.plus.com/albums/course/15th.html

    I’ve tried the trick but no luck. I also tried to recreate the fix used for lightbox here,

    http://www.huddletogether.com/forum/comments.php?DiscussionID=124

    but again no luck. I’m pretty new to all of this so I’m a bit lost now.

    Any help is appreciated,
    Thanks

    Ewan

  3. Comment by jasonlevine — August 8, 2006 @ 8:45 am

    RichH53, What’s the runtime error?

  4. Comment by ovdncoke — August 8, 2006 @ 10:51 am

    What I meant to say in Comment 3 is “I’ve tried the ‘wmode param’ trick but no luck”….

    Cheers
    Ewan

  5. Comment by jasonlevine — August 14, 2006 @ 8:28 pm

    ovdcoke,

    It looks like Java applets always appear on the top of the page no matter what the HTML code. Just like select boxes in IE. It’s an issue that has caused many a web master to tear out their hair. I’ve worked around the select issue for the next release of Slightly Thickerbox (which will be posted shortly), but am still trying to get a Java Applet workaround in place.

  6. Comment by ovdncoke — August 17, 2006 @ 5:36 pm

    Thanks Jason,

    I’m using Cody’s thickbox again just so I could get a workign version to show some people. It works fine with the Java Applet, have a look

    http://www.duncane.plus.com/albums/course/2nd.html

    I’m still curious to see if the animations would make it look any slicker though.

    Thanks Again
    Ewan

July 6th, 2006

Slightly Thickerbox 1.1

Filed under: Cool Coding, JavaScript, Slightly Thickerbox — jasonlevine @ 1:34 pm

I’ve updated my Slightly Thickerbox script to version 1.1. This update adds multiple gallery capabilities. To enable this, simply add a “rel” attribute to your Slightly Thickerbox link. Links with no rel attribute will default to being linked together. This means that old Slightly Thickerbox installations won’t need any changes if you don’t want to use the new feature. To update, just download the new script from http://www.jasons-toolbox.com/SlightlyThickerBox/.

By the way, if you think of a feature you would like to see in a future release of Slightly Thickerbox, go ahead and post it in the comments section below. I’ll do my best to add it in.

4 Comments

  1. Comment by castus — July 13, 2006 @ 2:47 am

    Hi,

    I’ve noticed that the script doesn’t work in IE and FF when the page is too long. I thought it was just FF, but it’s both.

    If you go here: http://www.tscarsales.co.uk/cars.php and scroll down to the bottom the images tend to either open in a new window or open in the same window. But then if you scroll back to the top the script seems to work fine.

    It’s a weird one!

    Gary

  2. Comment by jasonlevine — July 13, 2006 @ 10:45 am

    Hi,

    Thanks for the bug report. I was able to replicate it here (by visiting your link). I’ll try to take a closer look to figure out the bug in the next few days.

  3. Comment by jenn — July 14, 2006 @ 1:44 am

    Thank you so much. It seems like you did a lot more than put in multiple image capabilities (which is itself a brilliant thing). All the cross-platform rendering bugs that were plaguing me are gone.

    Best wishes,
    Jenn

  4. Comment by ovdncoke — July 26, 2006 @ 3:15 am

    Hi, this works well and I like the ‘Next/Prev’ function. However, if using images in a table I can’t get it to group the whole table just the individual rows. PS - I think Cody is working on the function now anyway.

    Thanks very much

July 1st, 2006

Slightly Thickerbox Bug Fix

Filed under: Cool Coding, JavaScript, Slightly Thickerbox — jasonlevine @ 10:21 pm

My last post of Slightly Thickerbox has a minor bug that caused the “Previous/Next” image links to stop at the second to last image instead of the last image. This is fixed now. To apply the changes, just redownload SlightlyThickerBox and copy the new “thickbox.js” file over the old one. Once again, you can get Slightly Thickerbox by going to http://www.jasons-toolbox.com/SlightlyThickerBox/.

No Comments

No comments yet.

June 29th, 2006

Slightly Thickerbox

Filed under: Cool Coding, JavaScript, Slightly Thickerbox — jasonlevine @ 10:27 pm

During my redesign of Jason’s Toolbox, I was looking for a different photo gallery script to use. I finally decided on writing my own. To display the photos, though, I decided to go with Lightbox. After awhile, I decided that the required Prototype and Scriptalicious JavaScript libraries were just too large. I liked Thickbox by Cody Lindley because it relied on JQuery — a javascript library that packs a lot of power into a tiny download.

Unfortunately, Thickbox didn’t allow users to move between images. Instead, the user was forced to close the overlay and reopen it with another image. So I decided to modify the script for my own use. I call the result is Slightly Thickerbox. The changes include:

  • Case insensitvity when checking the file extension
  • Caption and Close link appear on the top of the window instead of at the bottom
  • Previous Image and Next Image links (if appropriate)

You can check it out (and download it) at http://www.jasons-toolbox.com/SlightlyThickerBox/.

No Comments

No comments yet.

Page generated in: 0.515 seconds.
Powered by: WordPress 2.5