WordPress.org

Ready to get started?Download WordPress

Forums

Easing Slider "Lite"
[resolved] Images not showing in Chrome (8 posts)

  1. Jacqann
    Member
    Posted 1 year ago #

    Hi,

    I love the easing slider plugin lite as it was so easy to integrate. However, on a check I have no images in chrome displaying until I select inspect element and then they mysteriously reappear. The slider is working perfectly in all other browers including ie7. Please help and thank you so much for your time and effort developing the plugin.

    http://wordpress.org/extend/plugins/easing-slider/

  2. MatthewRuddy
    Member
    Plugin Author

    Posted 1 year ago #

    Hi @Jacqann, unfortunately there isn't much I can do without a link to the site on which the issue is occurring. Could you link me?

  3. Jacqann
    Member
    Posted 1 year ago #

    Hi Matthew,

    Thanks for coming back to me, I really would like to get to the bottom of this as I really do like using your slider. My website is on local server at the moment but I think it has to do with the styling of the slider as I originally had:-

    <div id="slider">[easingsliderlite]</div>

    #slider {
    float: right;
    }

    If I remove this styling the slider works in all browsers but is stuck to the left and text is placed at the bottom of the image (not wrapped around image). I want to style the slider so it floats to the right and text wraps around the image on all browsers. I have tried your centred example:-

    <div align="right">[easingsliderlite]</div>

    This just makes the slider disappear. I have tried other ways to style the slider but none seem to work, can you please help. Thank you for your time on this. I believe a lot of other people have had the same trouble.

  4. MatthewRuddy
    Member
    Plugin Author

    Posted 1 year ago #

    If you're floating the slideshow, make sure you "clear" the container it is floated within correctly. For this, you'll need to use a "clearfix". Are you familiar with these? They are essential for correctly calculated floats - you'll hit dozens of roadblocks otherwise when designing complex layouts.

    Some helpful information on floats and clearfixes.

    Clearfix CSS.

  5. Jacqann
    Member
    Posted 1 year ago #

    Yeah I have tried with the clearfix too which does make any difference. My first attempt works but the images don't show in safari and chrome, even with the clear fix.

    <div id="slider">[easingsliderlite]</div>

    #slider {
    float: right;
    }

    If I use:-

    <div align="right">[easingsliderlite]</div>

    This aligns the slider to the right on all browsers but there is no wrap around of the text and I can't get the clearfix to make any difference by inserting it into the div tag above.

    What am I doing wrong? I really can't see it, sorry but I just can't see how you can style the slider to float right with text wrapping to the left in all browsers? So grateful if you could help me on this one. :)

  6. MatthewRuddy
    Member
    Plugin Author

    Posted 1 year ago #

    I'm really not sure what to suggest. This would be more of a theme CSS issue rather than Easing Slider. Don't worry about Easing Slider's CSS and what's going on with it - it won't make a difference if everything is being floated correctly.

    As I can't see the site I really don't know what else to suggest. Sounds like there are a few float issues occurring. Just ensure that you are clearing your floats correctly, otherwise you'll run into dozens of problems down the line.

    If there is anyway you can provide me with a live example in the future, I'd be able to help much more :)

  7. Jacqann
    Member
    Posted 1 year ago #

    Hi Matthew,

    Thanks for staying with me there, I have found a solution but it's not pretty.

    <div align="right" id="slider">[easingsliderlite]</div>

    #slider {
    float: right;
    width: 50%;
    }

    This seems to solve all my problems. I am about to start another eCommerce site soon so I will be using your premium one for that as I am impressed with the backup service, thanks again. :)

  8. MatthewRuddy
    Member
    Plugin Author

    Posted 1 year ago #

    Awesome glad you managed to get it sorted :) That solution sounds fine to me - as long as it works, who cares if it's pretty haha!

    Good to hear you may be upgrading! It'll definitely be worth it! :)

    Feel free to contact me if help is ever needed again :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.