Responsive Height…

After playing around with resizing, it seems to be pretty buggy about downsizing and upsizing; often requiring a reload to get the image to display properly.

In regard to filling the height gap, setting the image behavior to ‘crop to fit’ is only a partial solution really.

Hi, sometimes those issues are more related to the theme you use. I have been using this plugin for a while without any issue.

mbrsolution, I am aware of that, but the speculation isn’t a useful solution. I used firebug to inspect the height and it isn’t updating on page resize. It just remains the same value as entered on the plugin settings pane.

Can you point to one custom code you tried through firebug that did not work for you?

The shortcode generates this:

<div data-style-version=”2.2.24″ data-style-name=”style-light” data-session-id=”0″ data-slideshow-id=”784″ style=”height: 375px; max-width: 1000px; width: 827px;” class=”slideshow_container slideshow_container_style-light”>

<div style=”width: 827px; height: 375px;” class=”slideshow_content”>

<div class=”slideshow_view” style=”width: 827px; height: 375px; left: -827px; top: 375px;”>
<div class=”slideshow_slide slideshow_slide_image” style=”margin-left: 0px; margin-right: 0px; width: 827px; height: 375px;”>
<img width=”827″ height=”376″ alt=”gallery-3″ src=”https://tivolibrewingco.com/wp-content/uploads/2015/09/gallery-3.jpg&#8221; style=”margin-top: -3px; margin-left: 0px; width: 827px; height: 376px;”>
<div class=”slideshow_description_box slideshow_transparent”>
<div class=”slideshow_title”>gallery-3</div> </div>
</div>

<div style=”clear: both;”></div></div><div class=”slideshow_view” style=”top: 375px; width: 827px; height: 375px; left: -827px;”>
<div class=”slideshow_slide slideshow_slide_image” style=”margin-left: 0px; margin-right: 0px; width: 827px; height: 375px;”>
<img width=”827″ height=”376″ alt=”gallery-2″ src=”https://tivolibrewingco.com/wp-content/uploads/2015/09/gallery-2.jpg&#8221; style=”margin-top: -3px; margin-left: 0px; width: 827px; height: 376px;”>
<div class=”slideshow_description_box slideshow_transparent”>
<div class=”slideshow_title”>gallery-2</div> </div>
</div>

<div style=”clear: both;”></div></div><div class=”slideshow_view slideshow_currentView” style=”top: 0px; width: 827px; height: 375px; left: 0px;”>
<div class=”slideshow_slide slideshow_slide_image” style=”margin-left: 0px; margin-right: 0px; width: 827px; height: 375px;”>
<img width=”827″ height=”376″ alt=”gallery-1″ src=”https://tivolibrewingco.com/wp-content/uploads/2015/09/gallery-1.jpg&#8221; style=”margin-top: -3px; margin-left: 0px; width: 827px; height: 376px;”>
<div class=”slideshow_description_box slideshow_transparent”>
<div class=”slideshow_title”>gallery-1</div> </div>
</div>

<div style=”clear: both;”></div></div>
</div>

<div style=”display: none;” class=”slideshow_controlPanel slideshow_transparent”>

<li data-pause-text=”Pause” data-play-text=”Play” class=”slideshow_togglePlay”>

</div>

<div style=”display: none;” data-previous-text=”Previous” role=”button” class=”slideshow_button slideshow_previous slideshow_transparent”></div>
<div style=”display: none;” data-next-text=”Next” role=”button” class=”slideshow_button slideshow_next slideshow_transparent”></div>

<div data-go-to-text=”Go to slide” style=”display: none;” class=”slideshow_pagination”><div class=”slideshow_pagination_center”></div></div>

<!– WordPress Slideshow Version 2.2.24 –>

</div>

As you can see, the height is specified as a hard pixel value, which is what the plugin requires on the settings page for that particular slideshow. It isn’t really responsive unless you can set the width to 100% and the height to auto so the inline css yields the correct expected result.

Did you by any chance enable the following settings

• Shrink slideshow’s height when width shrinks
• Enable responsiveness (Shrink slideshow’s width when page’s width shrinks)

If you did can you test one of WordPress default themes like Twenty Fifteen?

Didn’t see that setting. Thanks for pointing it out. that took care of the height issue. The page resize is still buggy however. The image often lags behind or doesn’t resize at all when dragging the window width wider and narrower.

Did you carry out the theme test?

I haven’t yet.