hi there, I'm using this module trying to create multiple carousels on one page. It displays correctly in Firefox but not it IE7. What i do is pull images from the database from the user's galleries and try to create create the carousels with all the pictures of a certain gallery in one carousel. All the images in FF load up in the carousel, although in IE7 it only shows the first image of the gallery. I'm not sure how to fix this, anyone have a solution? Thanks.

This is how i set-up a list. I use classes because HTML allows only unique id's

<ul class="jcarousel-skin-tango usecarousel">;

This is how it's init in my js file

$(document).ready(function() {
	$("ul.usecarousel").jcarousel();
});

Also on a side note, I'm using tango skin and the corners are not rounded in IE7 but look perfect in FF.

Comments

wim leers’s picture

wim leers
Location Ghent 🇧🇪🇪🇺
commented

The corners are only rounded in Safari 3 and Firefox 2. Other browsers don't support the CSS yet to do this (this is CSS 3). Other than that, it should work fine in IE7.

Multiple carousels shouldn't be a problem... not sure if it'll make a difference, but you could try this:

$(document).ready(function() {
$("ul.usecarousel").each(function() {
  $(this).jcarousel();
});
});
frosev’s picture

frosev commented

Thanks for the advice, although it didn't work. Only the first image of the gallery shows. Thanks for letting me know about the rounded corners as well.

frosev’s picture

frosev commented

Again thx for the help, i solved the multiple carousel problem, although i ran into another problem. The problem now is that the last image of the gallery will not show up. For eample i have a gallery with 3 images only the first 2 will show up, this only occurs in IE7, any ideas what may be wrong?

frosev’s picture

frosev commented

Ok that last problem is now solved lol, the next problem is getting multiple carousels to autoscroll and wrap around at the moment only the last one is doing so. Problem occurs both in ie and ff.

heres code to init the carousel

$(document).ready(function() {
    $('ul.usecarousel').jcarousel({
        auto: 3,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});

autoscroll fcn

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
wim leers’s picture

wim leers
Location Ghent 🇧🇪🇪🇺
commented
Title: multiple carousels in ie7 » Multiple carousels in IE7
Status: Active » Fixed

You may want to ask that in the jCarousel mailing list.

Anonymous’s picture

(not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.