WordPress.org

Ready to get started?Download WordPress

Forums

WP Orbit Slider
Not working: Photos stack on top of each other (11 posts)

  1. HaveAnEpiphany
    Member
    Posted 2 years ago #

    The plugin activates successfully and I've added slides and placed the short code into this page:

    http://hh.epiphanymarketing.com/home-healing-sales-letter-loved-one-v1/

    Unfortunately the slide images just stack up vertically on the page. I've scoured the other support topics here and it seems as though the code is being output correctly.

    Any help would be appreciated. I'd love to be able to get this to work... the slider looks like a great option.

    http://wordpress.org/extend/plugins/wp-orbit-slider/

  2. ImmortalGuru
    Member
    Posted 2 years ago #

    It's doing the exact same thing to me. This plugin did look promising, but it seems to not work on my site. I'm using WordPress V 3.4 in case you're wondering.

  3. HaveAnEpiphany
    Member
    Posted 2 years ago #

    Yes @ImmortalGuru, I upgraded to 3.4 as well. Not that I expected upgrading to help, but for the record it appears to have made no difference.

  4. leopardman
    Member
    Posted 2 years ago #

    Any news on this? I have the same issue...
    Can't find where it went wrong...

  5. HaveAnEpiphany
    Member
    Posted 2 years ago #

    No news. I gave up and switched to WooSlider from WooThemes.

    They acquired the jQuery "FlexSlider" code and then built the WooSlider on top of it. It's a premium plugin, but they have fantastic support and I find it's worth it.

  6. smitchio
    Member
    Posted 1 year ago #

    hi HaveAnEpihany

    I need to find a slider that I can put on every page that uses categories to show the posts in the slider for a particular page. Does WooSlider do this? (I don't want to have to pay the money to find out its not what I want!)

    Thanks alot

  7. HaveAnEpiphany
    Member
    Posted 1 year ago #

    Hi smitchio,

    From what you've said, I believe you'll find WooSlider will do this. It allows adding a slider to any page or post via shortcode. The plugin creates a custom post type that has its own "Slide Groups" taxonomy. This would allow for categorization of your slides.

    I hope this helps!

  8. HaveAnEpiphany
    Member
    Posted 1 year ago #

    Re-reading your question, I just want to clarify one point: with WooSlider, the slides are in fact a "Custom Post Type" (called "Slideshows"). While any slide can be linked to a given WordPress "Post," there is no relationship between the slides and your WordPress posts.

    That being said, WooSlider permits the insertion of a slideshow that is populated by your WordPress "posts" rather than the custom post type that it creates. When adding a slideshow such as this, you are given an opportunity to select from the "categories" of your WordPress posts in order to determine which posts will be shown. I actually haven't been using the plugin in this way, but your question made me go take a second look and it does, in fact, operate this way.

    Hope this helps!

  9. cwcage
    Member
    Posted 1 year ago #

    I found a solution that works for me based on Zurb's Orbit documentation: http://foundation.zurb.com/docs/orbit.php

    On the div that contains the images hide the images until the class ".orbit" is added through the JavaScript.

    In Zurb's documentation they give the image container block a fixed width/height and call a loading spinner image. I didn't need the height/width in my instance and didn't load a spinner.

    /* hiding Orbit images on load */
    #orbit-inside { background: #333333;} /* loading image would go here */
    #orbit-inside img {display:none;}
    
    #orbit-inside.orbit { background: none;}
    #orbit-inside.orbit img {display:block;}

    In Zurb's docs, they reference a #featured div. The WP Orbit Slider plugin labels it div #orbit-inside.

  10. maddy143
    Member
    Posted 1 year ago #

    the above is the correct and also you can add loading.gif image also.
    by using the below code its working.
    #orbit-inside { background: url(images/loading.gif) center center #f4f4f4 no-repeat; height: 300px;} /* loading image would go here */
    #orbit-inside img {display:none;}

    #orbit-inside.orbit { background: none;}
    #orbit-inside.orbit img {display:block;}

  11. Ted Slater
    Member
    Posted 1 year ago #

    Hm. This new CSS isn't working for me. Too bad -- looks like it could have been just what I needed. Testing here (at the bottom):

    http://libertyallianc.staging.wpengine.com/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic