Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Sep 2011
    Posts
    12
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question How to preload images in flexslider

    Hi,
    I am using flexslider as responsive image slider for our project. Now the thing is that client has used widescreen and pretty high res images for slider. Because of this for first few slides slider images animates(slides) while those images are still loading (half loaded and appear clipped).
    Is there any way that flexslider do not start sliding till 1st three images are fully loaded. (Or preload images so that they do not appear clipped for first few slides).
    Thanks in advance.

    Bregds...........

  • #2
    New Coder
    Join Date
    Nov 2010
    Posts
    75
    Thanks
    13
    Thanked 3 Times in 3 Posts
    sounds like you would want to change the aspect ratio. What size are the images you are using?

    I mean THIS is 1920 X 1200
    Last edited by joanzn; 12-09-2013 at 07:29 PM.

  • #3
    New Coder
    Join Date
    Sep 2011
    Posts
    12
    Thanks
    2
    Thanked 0 Times in 0 Posts
    No, I don't want to change aspect ratio, my issue is slider starts sliding before images are fully loaded, and due to this images appears clipped with flexslider working.

  • #4
    Regular Coder hdewantara's Avatar
    Join Date
    Aug 2009
    Location
    Jakarta, Indonesia.
    Posts
    330
    Thanks
    9
    Thanked 50 Times in 49 Posts
    Perhaps you've wrapped flexslider in a way like the following:
    PHP Code:
    $(function(){
        $(
    '.flexslider').flexslider();
    }); 
    instead of this one below, suggested by their demo site:
    PHP Code:
    $(window).load(function() {
        $(
    '.flexslider').flexslider();
    }); 
    They're quite different... I think. The latter waits for all images to be completely loaded first.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •