Initial image does not load in IE8

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Open any of the Galleriffic examples in IE8

What is the expected output? What do you see instead?
-----------------------------------------------------
The initial images and caption does not load, the loading bar just spins.

What version of the product are you using? On what operating system?
--------------------------------------------------------------------
galleriffic-2.0
Internet Explorer 8
PC running XP

Please provide any additional information below.
------------------------------------------------
- despite the main image and caption not loading the correct thumb image is
highlighted.
- clicking on any thumb still loads the main image and caption as expected
- This happens for all of your examples, though for some reason the first
example (minimal implementation) works when you refresh the page (but none
of the others do.

-- This problem does not occur on IE6, IE7, Firefox, Chrome or Safari. This
is really sad because the gallery functionality is fantastic and having it
not working in IE8 reduces my chances of using it.
PS. if you fix this I might just pass a donation your way ** hint hint ;)

Original issue reported on code.google.com by davidelr...@gmail.com on 20 Nov 2009 at 3:02

[GoogleCodeExporter]

I had the same problem. 

A hack to get it working in ie8 is to trigger the gotoindex at the bottom of 
jquery.galleriffic.js

on line 929 replace

    // Setup gallery to show the first image
    if (initFirstImage)
        this.gotoIndex(0, false, true);

with

// wierd bug in ie8
if ((jQuery.browser.msie) && (jQuery.browser.version == 8)) {
    setTimeout(function() { gallery.gotoIndex(0, false, true); }, 100); 
}else{
    // Setup gallery to show the first image
    if (initFirstImage)
    this.gotoIndex(0, false, true);
}

I started from the example 5 with the history plugin which seemed to fix the 
paging bug.

Looking forward to a proper fix! :)

Original comment by deanoak...@gmail.com on 11 Jan 2010 at 3:29

[GoogleCodeExporter]

Well this didn't seem to work on my remote site...

So I did a similar thing on line 581

Replaced this

transitionOutCallback();

With

    //Wait for ie8...
    if ((jQuery.browser.msie) && (jQuery.browser.version == 8)) {
        setTimeout(function() { transitionOutCallback(); }, 4000);

    }else{
        transitionOutCallback();
    }

And increased the time unitll it worked everytime... still a crap fix i'm sure

Original comment by deanoak...@gmail.com on 12 Jan 2010 at 7:58

[GoogleCodeExporter]

This fix does not work for me :(

Original comment by davidelr...@gmail.com on 20 Jan 2010 at 12:53

[GoogleCodeExporter]

maybe it's jut different settings, here is a working version. It's not quite 
finished 
:)

http://rome.ffive.com.au/

Original comment by deanoak...@gmail.com on 29 Jan 2010 at 5:48

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

The History plugin runs this code to send the gallery to the correct image, 
which gets around the IE8 problem.

function pageload(hash) {
        if(hash) {
            $.galleriffic.gotoImage(hash);
        } else {
            gallery.gotoIndex(0);
        }
    }

To fix for ie8 all we need to do is send the gallery to the first image after 
initialisation:

if ((jQuery.browser.msie) && (jQuery.browser.version == 8)) {
        gallery.gotoIndex(0);
    }

Original comment by goo...@websitedevelopment.ltd.uk on 19 Sep 2011 at 8:57

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

the problem is, that ie7/ie8 don't fire image.onload, if the image is allready 
cached. to fix this in a less hacky way, follow these 3 steps:
 - add an empty image to the dom, (remove it immediately, if you want)
 - attach the onload handler
 - set the src of your image

i added the following to galleriffic, which fixed this issue:
around line 600 after "var image = new Image();" add the following:

  $image = $(image);
  $('body').append($image);
  $image.remove();

you can exchange 'body' if you need. 
btw: just adding the image to a documentFragment doesn't work unfortunately.

Original comment by grimsen...@gmail.com on 27 Nov 2012 at 6:57

[GoogleCodeExporter]

Hello Guys,
Please help me.
Everything is working fine with my galleriffic in Chrome as well as IE however, 
the problem is I am not able to see images on my samsung mobile default browser.
It works in google chrome of mobile however, the default browser is not 
catching up the images and rest all script is working fine.
The link to my photo gallery is :
http://karan.asiajewelsfair.com/all-pages/indonesia-photo-gallery.html

If anyone can check it in the mobile browser and help will be much appreciated.
Many thanks..

Original comment by karan.ba...@gmail.com on 11 Aug 2013 at 10:57