Question

This is my code posted in a jsfiddle Demo.

As you can see when you click on the

• Hyderabad.
• Visakhapatnam.

Then a Horizontal Image slider is shown ( YOu can slide throgh the Pictures )

Now my requirement is I need to also show the Image slider on body load itself also

I have tried using body onload function to show the div , and also in Jquery ready function , and by commenting all the hide() functions in javascript , but none of them really worked .

Could anybody please tell me what is the way to do this .

Answer 1

I just tested it.. first I thought that you should just do this:

jQuery(document).ready(function() {
    $fp_galleries.first().click();
});

but poorly this will only show the first image and not all images.

I don’t know why but it looks like you should do this.

$(window).load(function() {
    /* your code */
    $fp_galleries.first().click();
});

Maybe because you need to wait until the images are loaded.