WordPress.org

1. ssstahl
   Member
   Posted 5 months ago #

   Hi,
   i am using the Meteor Slides Plugin with multiple slideshows and it is generally working great.
   As I use the slideshows as teasers to events, there is sometimes the case that there is just one slide per slideshow. I saw in https://github.com/JLeuze/Meteor-Slides/issues/8 that this should work - in my case, it does not, there are just the navigation buttons without the slide image.
   I did not find a problem in the php files - is there a possibility to solve this easily?
   Best regards,
   Stefan

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

2. JLeuze
   Member
   Posted 5 months ago #

   Hi Stefan, you might need to disable the nav somehow, but the slide should show up even if there is just one. Can you post a link to a slideshow you are having this problem on?

3. ssstahl
   Member
   Posted 5 months ago #

   Dear Josh,
   unfortunately at the moment I can't show the link publicly, but there seems to be a problem with css styles which are interpreted differently if there is one slide or multiple slides.

   Here an example: I'd like to have a polaroid-like frame around the slides:
   When I add
   .meteor-slides { border: 1px solid #d6d6d6; padding: 4px; background: #fff; }
   to the original meteor-slides.css, there are the following results:
   - multiple slides: image in the left top, bottom and right padding of 8px
   - one slide: image centered, padding of 4px everywhere (as I would expect it)

   The problem with the missing image was a similar effect of different interaction of the navigation div containers with the image, depending on if processes by the slider script or not.

   Do you see a possibility to solve this problems easily within the slider scripts/css files or do I have to find a different workaround?

   Best regards,
   Stefan

4. JLeuze
   Member
   Posted 4 months ago #

   I'll check and see if the markup is changing at all when there is just one slide, but the layout shouldn't change. Can you email me a link so I can take a look?

5. ssstahl
   Member
   Posted 4 months ago #

   Dear Josh,

   sorry for my late reply. I reproduced my problem in a sample on wptest.chstahl.ch - First a slideshow with 3 slides, then 3 slideshows with 1 slide.
   It's the standard twentyeleven theme, to make it clear I added the following styles in meteor-slides.css:
   .meteor-slides {
   padding: 5px;
   border: 1px solid #000000;
   }
   As I said before, the slider script seems to interpret the css differently if there is one slide or multiple slide.

   Best regards,
   Stefan

6. JLeuze
   Member
   Posted 4 months ago #

   Thanks for setting up that demo Stefan, it was a big help!

   I took a look and the issue is that although the slideshow loads with just one slide, the slideshow script doesn't activate. One of the things the script does is style the slideshow and slide containers with the correct dimensions, so when this isn't activated the height and width of the slideshow aren't applied, and this is why the slideshow layout changes with just one slide.

   If your slideshows are all the same size, I would suggest setting the height and width of the slideshow and slides using a custom stylesheet, this what the slideshow will be size properly even if there is just one slide.

7. ssstahl
   Member
   Posted 4 months ago #

   Thank you for your answer! I solved the problem styling the image and not the slide divs with css - that dit it for me.

8. JLeuze
   Member
   Posted 4 months ago #

   That works too!

Reply

You must log in to post.