WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
[resolved] Phantom spacing between images when using scrollVert (15 posts)

  1. pamplinbrowne
    Member
    Posted 1 year ago #

    Hi,

    Firstly, thank you very much for the use of this plug-in. I'm a novice when it comes to JQuery and CSS, so having a plugin like this is a real time-saver.

    Everything works fine apart from when I set my slideshow to use the 'scrollVert' or 'scrollHorz' transitions, in which instance, white space appears between each image with every transition. By comparison, the scrollUp/Dwn transitions are seamless (i.e. no spacing between images). Is there somewhere in the CSS or JS that I can override this and remove the excess white space? I've been searching for hours and can't find where. I've even tried to override my custom css by setting the id and class attributes to 0 margin and padding at the very end of the style sheet, but it doesn't seem to work.

    The site is currently in development within a protected directory, so you can't see the live effect. As an alternative, here are some screen grabs:

    http://www.pamplinbrowne.co.uk/downloads/mslide_scrollvert_01.png
    http://www.pamplinbrowne.co.uk/downloads/mslide_scrollvert_02.png
    http://www.pamplinbrowne.co.uk/downloads/mslide_scrollvert_03.png

    Here's how I want the transition to look:
    http://www.pamplinbrowne.co.uk/downloads/mslide_scrollup.png

    Thanks.

    Regards

    Anthony

    http://wordpress.org/extend/plugins/meteor-slides/

  2. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Anthony, by default there shouldn't be a gap. This might be a theme conflict, could you post a link to the site you're working on?

  3. pamplinbrowne
    Member
    Posted 1 year ago #

    Hi J,

    Thanks for getting back to me.

    Here is the link:
    http://www.pamplinbrowne.co.uk/wip-dev/pb4.0/

  4. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    There are some <code> tags wrapped around the shortcode, to start with, switch the HTML view in the post editor and remove those. Could be other things going on too, but those can effect the layout.

  5. pamplinbrowne
    Member
    Posted 1 year ago #

    Just removed them but there's no change:
    http://www.pamplinbrowne.co.uk/downloads/homepg_html_edit.png

    It's weird because the scrollUp transition is fine.

  6. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    I took another look, the problem is that the slide images are shrunk a bit, at full size there isn't a gap. You can make the site wider to see what I mean:

    #pagewrap {
    width: 1075px;
    margin: 0 auto;
    }
  7. pamplinbrowne
    Member
    Posted 1 year ago #

    Genius! I adjusted the size of the div, resized the images and it all works fine now. Always the simple thing, eh?

    I'm going to re-lock the domain so that I can continue the development.

    Thank you very much!

    :)

  8. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    You're welcome!

  9. billbob69
    Member
    Posted 1 year ago #

    My problem is that I created three slides, deleted one image and now still have three images trying to load, creating a gap. Here's the link http://alien-ufo-sightings.com/

  10. Panyanwu
    Member
    Posted 1 year ago #

    @billbob69:

    Bill:

    I have a separate issue and maybe we can help each other.

    But as far as your slideshow, since you only have 3 slides i think the easiest solution is to deleted the original slide show and create a new one.

    With my show I have 45 slides so it's a little more difficult for me as I'm trying to work smarter not harder. But for you that should solve the problem it think.

    If you don't want to do that go back into the slideshow make sure the one slide is actually deleted visually and then check the "no" of slides with the hyperlink on the right hand side. If it still reads three slides then there's your issue and the slide might still be in your image gallery.

    I'm a novice but just a couple of thoughts.

  11. billbob69
    Member
    Posted 1 year ago #

    Panyanwu, thanks for your help. Yes, I think deleting the slideshow would be the best move. This is only a practice run to see if it works. It does say three images are loaded in the backend and I'm guessing that going into the folder of the plugin that has the picture (on my hosting) might solve the issue? Or it's just a glitch, which seems most likely. You said 'I have a separate issue and maybe we can help each other.' What problem do you have with your 45 images?

  12. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    @billbob69 It looks like you removed the second slide image, but didn't delete the slide post, make sure that in the admin you actually only have two slides listed.

  13. Panyanwu
    Member
    Posted 1 year ago #

    @biibob69

    Thx my friend but i resolved my issue. hope you get yours taken care of as well.

  14. billbob69
    Member
    Posted 1 year ago #

    Ok,thanks @Panyanwu Glad you resolved your issue.

    Thanks, also, to @JLeuze I'll take a look.

  15. Panyanwu
    Member
    Posted 1 year ago #

    @biibob69:

    I think what Josh told you is what I was trying to say. He's just better at it...:-)
    Hope it woks for you.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic