Stefan Boonstra

There’s been a small problem during the release of the latest version of the slideshow plugin. Downloading the latest version and reinstalling it may solve the issue. If not, could you please provide me with the URL to your website?

@q292u It doesn’t say “Plugin Author” next to your name because this support forum for the slideshow plugin, of which I’m the author. If you post on the support forum for your plugin, it will say “Plugin Author” next to your name.

Thank you all very much for the fix regarding the widget change in WordPress 4.3. I have applied the fix to version 2.2.24 of the slideshow, which will be released this week.

Hi Jayden,

The height of the slideshow is managed by the slideshow’s JavaScript, not by its stylesheets. Therefore the height of the slideshow can only be adjusted in the slideshow’s edit page.

Your best option is to make the height of the slideshow scale proportionally with its width. To do so, set the “Shrink slideshow’s height when width shrinks” setting of your slideshow to “Yes”. You can then set the “Proportional relationship between slideshow’s width and height” to something like “3:1”, which will make sure the height of your slideshow is always a third of its width.

To adjust the slideshow’s height when its width adjusts, set the “Shrink slideshow’s height when width shrinks” setting of that slideshow to “Yes”. You can then set the “Proportional relationship between slideshow’s width and height” setting to “755:290”, which I see is the size of your images.

Hi,

I understand your situation, more people have contacted me about this.

In the current implementation of the slideshow it’s very difficult to change the amount of slides that’s shown at a time, as it’s all managed server-side. I definitely plan on changing the implementation to allow for a variable amount of slides to be shown at a time, depending on the width of the screen, but I don’t have time to do so at the moment.

Best regards,
Stefan

I’m glad to hear that.

The problem you’re still seeing is caused by your website, as the element in which the slideshow is placed starts out too wide. The slideshow adapts to this element’s width and therefore becomes too wide as well, before resizing to the correct width.

The problem seems to be the element in which the slideshow is placed. The element seems to start out too wide, but adjusts to the correct width later on in the loading process of the page. At this point the slideshow is too wide already and doesn’t adjust its size anymore until the page is resized.

I have made some changes to the slideshow plugin that may solve your problem, but I have not been able to test them as I could not reproduce the problem locally. Could you please test if these changes solve your problem by downloading and installing the slideshow plugin from this location?

I have been trying to reproduce the conflict between the slideshow plugin and the All in One SEO plugin, as well as the conflict between the slideshow plugin and the Smart Slideshow Widget plugin, but to no avail. I suspect the problem only occurs on a specific type of server.

However, I have made some changes in the slideshow plugin that I think may solve the problem. The version that may solve the problem has not been released yet, but you can try it out by downloading and installing the slideshow plugin from this location. Please let me know if this solves the problem for you.

I’m sorry, my post above solves what I thought was the problem: it removed the whitespace below the slideshow.

I now see what you meant in your original post. The slideshow starts out way too wide on mobile devices indeed. I’ll have a look into the code to see what’s causing this issue, and I will let you know when I find anything.

I don’t think you have to make any changes to the stylesheets.

Your slideshow is set to be 400 pixels tall. In desktop view this is a good setting, as the images in your slideshow are 750×400 pixels. In mobile view however, the width of the slideshow decreases to fit the width of the website, but the height of the slideshow stays the same (400 pixels). This leaves a white gap below the slideshow.

To solve this issue, you need to set the “Shrink slideshow’s height when width shrinks” setting of the slideshow to “Yes”. A new setting will appear: “Proportional relationship between slideshow’s width and height”. Set this setting to “750/400”, which will make the slideshow scale the same way as your images.

The problem is caused by the slideshow not being able to find its settings, due to a mismatch. This could be caused by a bug in the slideshow’s code, but it’s also possible that the mismatch is caused by an old version of your website being cached by a caching plugin. Do you use a caching plugin? If so, could you please try to purge/clear its cache and see if the slideshow works?

Hi Kenny,

Could you share the URL to your website please? When a slideshow’s not working, it’s oftentimes caused by a JavaScript issue on the website.

Best regards,
Stefan

You can find the default stylesheets in your website’s wp-content/plugins/slideshow-jquery-image-gallery/css/ folder. An easier approach would be to create a custom stylesheet in the slideshow’s ‘General Settings’ page in your WordPress administration panel. A more detailed guide on how to create a custom stylesheet can be found in the FAQ.

The stylesheets were missing initially after releasing version 2.2.22, but were re-added on the 25th of April. Perhaps you have downloaded a fresh version of the plugin before or on this date.

I’ll release version 2.2.23 of the slideshow plugin within the next couple of hours, updating to this version should solve the problem of the missing stylesheets.