can't use in header b/c initially loads empty

  • Resolved pjv

    (@pjv)


    11 years, 3 months ago

    I am looking for a clean image slider that I can use in the header of a custom responsive theme I am developing. The theme is not based on twentyeleven, but you can visualize what I want to do as essentially replacing the large image in the twentyeleven header with a slider.

    Maybe I am doing something wrong, or maybe what I want to do requires your ‘pro’ version, but when I place the soliloquy slider in the header, on the initial page load, there is nothing there. Then as the plugin downloads the first image in the slider set, it populates the div height and everything on the page gets pushed down.

    I know that i could throw the slider inside a fixed-height div, but that would ruin the responsiveness of the theme design.

    What I would like to have happen is that the slider’s initial height on page load is the height of the responsively-calculated height of the images that it will show. It’s ok with me if the slider is initially blank while the image loads, but it’s not ok to suddenly push all the elements on the page down after the image loads.

    Any recommendations?

    http://wordpress.org/extend/plugins/soliloquy-lite/

Viewing 1 replies (of 1 total)
  • Plugin Author Thomas Griffin

    (@griffinjt)

    11 years, 3 months ago

    I’m working on a tutorial right now to get around this issue. Since you are using the Lite version, you won’t be able to make use of it since it requires using the slider API callbacks to dynamically adjust the height so it can retain its responsive qualities, but you can at least see how it is done and possibly be tempted to upgrade. 😉

    I’ll comment back when the documentation is ready so that you can see how it is implemented.

Viewing 1 replies (of 1 total)
  • The topic ‘can't use in header b/c initially loads empty’ is closed to new replies.