• Registered: 2012-05-01
  • Posts: 97

Topic: Internet Explorer 8 and Juicebox 1.3.1 with jquery calls

In my websites I am using a jquery function named $(window).bind('resize load', function(e) for different body width of the webbrowser. This was working fine in IE8 with juicebox 1.3 and earlier.
With juicebox 1.3.1 is isn't working anymore, the gallery is not visible in IE8. After a long research and troubleshooting i have found that IE8 and sometimes IE9 isn't loading the themeURL.
I have placed the call to the themeURL in new juicebox but without succes. 

new juicebox({baseUrl: 'design4/header/madagascar/',themeUrl: 'resources4/jquery/jbcore/classic/theme.css', containerId: 'box_slideshow',galleryWidth: '917px',galleryHeight: '273px',backgroundColor: 'transparent'});}

What did help is the following 

<link rel="stylesheet" type="text/css" href="resources4/jquery/jbcore/classic/theme.css" />

Examples: next page is working with IE8 (don't use IETester, this program is buggy)
http://afrika.delosgaia.nl/visit_to_madagascar.htm
This page is working with IE 10 but not with IE8
http://afrika.delosgaia.nl/visit_to_mad … narivo.htm

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

Re: Internet Explorer 8 and Juicebox 1.3.1 with jquery calls

This page is working with IE 10 but not with IE8
http://afrika.delosgaia.nl/visit_to_mad … narivo.htm

Your gallery displays OK using IE8 Browser Mode within IE10 for me. I have loaded the page several times (both with and without clearing the cache) and the gallery is always displayed.

I do not know what other features of jQuery you require but you could try either upgrading jQuery to the current stable version (v1.9.1) or just use the version of jQuery embedded within the 'juicebox.js' file.

  • Registered: 2012-05-01
  • Posts: 97

Re: Internet Explorer 8 and Juicebox 1.3.1 with jquery calls

Yes, IE8 mode in IE 10 is working fine but this is a quirk mode of IE10 and not truly IE8. For a long time I was using the IE9 and IE8 quirks mode in IE10 for testing till last week. I was last week by a customer of mine who is still using XP and IE8 (for how long) and noticed that Juicebox is not displaying.

Go to http://www.microsoft.com/en-us/download … x?id=11575 and download a Windows 7 VM with IE8. This is for testing purposes only. Please, check it yourself.

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

Re: Internet Explorer 8 and Juicebox 1.3.1 with jquery calls

I have viewed your gallery in IE8 (using the Windows Virtual PC VHD) and although I see your problem (your gallery is not displayed), I am unable to replicate it.
I have created several stripped-back test cases as close to your scenario as possible using a Juicebox-Pro v1.3.1 gallery with a baseUrl and a themeUrl loading jQuery 1.9.0 and jQuery 1.9.1 (in separate test pages) both before and after loading 'juicebox.js' and incorporating a $(window).bind('resize load', function(e) {}) call to resize the gallery on a change of browser window size and every test case I created displays OK within IE8 (without the need to load the 'theme.css' file into the page using a <link> tag).
It looks like there may be something else within your web page's code which is preventing your gallery from being displayed.
Try enclosing your jQuery calls inside a $(document).ready(function () {}) wrapper (as suggested here) to see if this makes a difference.

  • Registered: 2012-05-01
  • Posts: 97

Re: Internet Explorer 8 and Juicebox 1.3.1 with jquery calls

Hi Steven,
Thanks for testing and confirming. I shall test your suggetion. I'll keep you informed.

For your information, IPad 3 with Safari is showing the same problem. theme.css is not loading. Safari for Windows don't have the problem.

kind regards
Hans

6 Reply by arachnid (edited by arachnid 2013-05-12 16:09:37)

  • Registered: 2012-05-01
  • Posts: 97

Re: Internet Explorer 8 and Juicebox 1.3.1 with jquery calls

I have tested your advice; $(document).ready(function () {}) but it don't work.

I have tested many more and removing javascripts. No succes, I haven't tested google maps and translate but will do this later.

I am surprised that Juicebox is using JQuery 1.7 as the build-in JQuery library.

O ja, IE9 is also effected.