3

I have this plug-in in use on my home page which is running on WAMP. It works great in every browser except Safari and Google Chrome. In those browsers the carousel doesn’t show up when I first load the page, nor when I hit reload. When I navigate to the home page via the on page navigation link then it shows up.

Any ideas what could be causing this?

Thanks, Jeremy

Michael Myers
  • 188,989
  • 46
  • 291
  • 292

4 Answers4

6

Had this problem too, found that by giving the pictures i was displaying a width="nn px" and height="nn px" solved my problem ;)

DizzyC
  • 61
  • 1
  • 2
5

Try putting your gallery initialization in the window load function, something like so:

$(window).load(function() {

    $(".gallery").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
    });
});
Darren
  • 68,902
  • 24
  • 138
  • 144
Alain
  • 51
  • 1
  • 2
1

Similar to what user703735 said above. I found by forcing a height and width of my scrolling images it would bypass jcarousel trying to calculate them. I also found it caused a few issues with IE8 without values so this may help someone else with the same issue.

<li style="width: XXpx; height: XXpx;"> ... image here ... </li>

Where XX is the size in pixels.

jezhug
  • 317
  • 1
  • 9
1

I faced the similar issue. Make sure you are giving width and height to your images. For some reason google chrome and safari are not fetching/calculating the height/width automatically.

Udit
  • 659
  • 6
  • 2