Problems with jQuery function "carouFredSel()" in Chrome and IE

315 Views Asked by At

I'm starting in development, more precisely in .net, and I speak a bit of english. I'll do the best I can.

I have a problem with jQuery function carouFredSel(), specifically with the width of a responsive carousel when the window is maximized: in Firefox it works perfectly, but in Chrome and IE (in other explorers I have not tried it yet) the width of the carousel at the right of the screen is exceeded.

The HTML is:

<div id="cuerpo-img">
    <div id="carousel">
        <div>
            <img src="[image path]" />
        </div>
        <div>
            <img src="[image path]" />
        </div>
        <div>
            <img src="[image path]" />
        </div>
    </div>
    ....
</div>

The Javascript code is:

$(function () {
    $('#carousel').carouFredSel({
        responsive: true,
        items: {
            visible: 1
        },
        scroll: {
            duration: 400,
            timeoutDuration: 4500,
            fx: 'uncover-fade'
        },
        pagination: '#pager'
    });
});

And the CSS code is:

#carousel div 
{
    height:275px;
    float: left;
    z-index:0;
}
#carousel img 
{
    min-width: 100%;
    min-height: 100%;
    z-index:0;
}

Any solution for this?

0

There are 0 best solutions below