Vertical fixed height carousel items not showing correctly about caroufredsel-jquery HOT 9 OPEN

Thanks, this comment partially fixed my problems with this carousel. I have a problem with the images not displaying in Safari. They're fine in Firefox and Chrome... but safari only shows the tops of the images until they begin scrolling. If I set a size on start, that messes with the responsive stuff, i.e the variable heights. Already spent all morning trying to fix this!

from caroufredsel-jquery.

I have a similar problem to RayanZenner, Safari shows just the tops of images, and as soon as you touch the size of the browser it works out the height the carousel should be displaying at. I'll let you know if I find any solutions.

from caroufredsel-jquery.

Hey, I found a solution to this, though I don't know if it's good practice. I just changed from $(document).ready to $(window).load and that fixed it:

See code:

$(window).load(function() {
// Using custom configuration
$('#sl-carousel').carouFredSel({
circular : true,
responsive : true,
items : 3,
direction : "left",
scroll : {
items : 1,
easing : "swing",
duration : 800,
pauseOnHover : true,
event : "click",
},
items : {
visible : 3,
height : "variable"
},
prev: {
button : "#sl-carousel_prev",
key : "left"
},
next: {
button : "#sl-carousel_next",
key : "right"
}
});
});

from caroufredsel-jquery.

Thanks for this. It does seem to have solved the problem my side too. Reading around, people are suggesting that image data isn't ready at the time document.ready fires, but is by the time window.load fires. If that is true, then it only really seems to be a problem with webkit browsers.

from caroufredsel-jquery.

Hi, i have a similar problem with 2 caroufredsel implementations on my website http://castabo.rawdesk.be
In my case the images are not shown at all. Instead a circled egg timer is running instead.
Scale : iOS (phone and pad) - Android (only phone).
A short flv video capture can be seen here : http://castabo.rawdesk.be/temp/caroufredsel.flv
This website runs on Aquiathemes Aura theme : http://demo.aquiathemes.net/aura/home/v7 (demo)

Can anyone point me out where to look ? This seems different then the symptoms described above.

from caroufredsel-jquery.

I would like to add, this caroufredsel implementation seems to work correctly on iOS when ran from Aquia's demo page here : http://demo.aquiathemes.net/aura/shortcodes/carousel

from caroufredsel-jquery.

Hi, my carousel issue was solved today by theme master @Acquiathemes.com

from caroufredsel-jquery.

I have an issue with carouFredSel: the figure and

from caroufredsel-jquery.

@rpcarnell I suggest using Owl Carousel. With all respect to the caroufredsel developers, I found it to be buggy and was never truly able to get around the FOUC problem. Owl carousel is both responsive and works great. Just google it.

from caroufredsel-jquery.