1 Topic by stefaan (edited by stefaan 2012-09-05 21:30:57)

  • Registered: 2012-08-17
  • Posts: 10

Topic: Juicebox does not display in Browser Mode IE8 / Doc mode IE7

Juicebox does not display in embedded mode on certain browser combinations:

Reproduced on 3 PCs with XP+IE8, and Win7 + IE9 (in Browser Mode:IE8 + Doc mode:IE7). If you select other Browser or doc modes, no issue. One PC with XP+IE8 does not have an issue.

Traced down to the following line in the HTML code:

<div class="jcbx-glry-classic" style="width: 100%; height: 100%; filter: alpha(opacity=0); " sizset="1" sizcache0708010986965713="74">

>> If you disable "" filter: alpha(opacity=0); "" then juicebox displays properly. Not sure what the filter is supposed to day, and don't see a way to work around it.

I use the following code to embed Juicebox:

        jb = new juicebox({
            baseUrl: "galleries/",
            showPreloader: "false",
            showAutoPlayStatus: "false",
            containerId: "juicebox-container",
            galleryTitle: "Images",
            galleryTitlePosition: "none",
            showImageNumber: "false",
            enableDirectLinks: "true",
            buttonBarPosition: "none",
            frameWidth: "0",
            captionPosition: "none",
            maxCaptionHeight: "40",
            captionBackColor: "rgba(152,203,0,1.0)",
            randomizeImages: "false",
            imageTransitionType: "none",
            enableAutoPlay: "true",
            autoPlayOnLoad: "true",
            displayTime: "5",
            enableLooping: "false",
            imageScaleMode: "scale",
            useThumbDots: "false",
            maxThumbColumns: "15",
            thumbWidth: "85",
            thumbHeight: "85",
            galleryWidth: "940px",
            galleryHeight: "650px",
            showOpenButton: "false",
            showExpandButton: "false",
            showThumbsButton: "false",
                        backgroundColor: "rgba(255,255,255,0)"
        });

certainly weird that it works on the 1 PC but not on 3 others.

thanks,

stefaan

  • Felix
  • Juicebox Support Team
  • Offline
  • Registered: 2012-04-24
  • Posts: 173

Re: Juicebox does not display in Browser Mode IE8 / Doc mode IE7

Hi,

are you specifying the HTML doctype as specified here like this?:

<!DOCTYPE html>

Some versions of IE may render Juicebox incorrectly unless the correct HTML doctype is used in the embedding page.

If that's not it, please post a URL of your gallery so we can take a look.

  • Registered: 2012-08-17
  • Posts: 10

Re: Juicebox does not display in Browser Mode IE8 / Doc mode IE7

Felix,

I sent a Forum E-mail with the url.

I used the doctype as specified above, and the page also validates ok by W3C.

thanks,

stefaan

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Juicebox does not display in Browser Mode IE8 / Doc mode IE7

I think this is due to a known bug which has been addressed and will be fixed in the next version whereby the gallery is not displayed in IE7 when the background color has an alpha transparency value of zero.
In the meantime, the workaround is to not use background transparency and to set the background color as a 6 digit hexadecimal color code, e.g. '#222222', or to use the rgba notation but to set the alpha channel to '1', e.g. 'rgba(34,34,34,1)'.

  • Registered: 2012-08-17
  • Posts: 10

Re: Juicebox does not display in Browser Mode IE8 / Doc mode IE7

Steven wrote:

I think this is due to a known bug which has been addressed and will be fixed in the next version whereby the gallery is not displayed in IE7 when the background color has an alpha transparency value of zero.
In the meantime, the workaround is to not use background transparency and to set the background color as a 6 digit hexadecimal color code, e.g. '#222222', or to use the rgba notation but to set the alpha channel to '1', e.g. 'rgba(34,34,34,1)'.

Yep - that did the trick!

Thanks for the (as always) quick reply.

stefaan

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Juicebox does not display in Browser Mode IE8 / Doc mode IE7

This bug has now been fixed in v1.2.0. Please see this Juicebox Blog entry for further details.