Lazy Image Load about tinycarousel HOT 4 CLOSED

You dont have any fixed height or width for your images. So your images are probably still loading when the jQuery ready event fires. This causes the tinycarousel to not be able to calculate its own metrics correctly.
You need to add the jquery load event and in that event call the tinycarousel update method for your instances.

from tinycarousel.

Below is one option:

var $carousel = null; 

$( document ).ready( function () {
    $carousel = $( ".carousel" );
    $carousel.tinycarousel();
} );

$( window ).load( function () {
    var carouselData = $carousel.data( "plugin_tinycarousel" );
    carouselData.update();
} );

Second option would be:

$( window ).load( function () {
    $( ".carousel" ).tinycarousel();
} );

This first option will initialize the carousel the first chance it will get and will update its self when all information is in (best option imho).

In the second option the carousel will initialize itself only when all content on a page is loaded.

from tinycarousel.

Hmm you probably also need to set a width on your

from tinycarousel.

@wieringen Yeaaaah Man. When I paste the js code and set the image dimensions, It's just got fixed quickly. :)
Thanks for the help. 👍 💯
Your carousel is awesome :)

from tinycarousel.