Images not being scaled to fit

Created on 30 July 2013, over 12 years ago
Updated 21 July 2025, 4 months ago

If multiple images are supplied, large images overflow the .field-slideshow-wrapper width, leaking into other content.
This does not happen if the slideshow only contains a single image, in which case the .field-slideshow-slide wrapper div has no inline style="width:x;height:z" attribute added.

In Chrome (28.0.1500.71 mac):
opening the page (menu link) = images are rendered at file dimensions, overlapping content on the right
refreshing the page = images respect the boundaries of the slideshow container(s)

In Opera 12.16 b1860 (mac) and in Firefox 23 (mac):
images are always rendered at file dimensions, overlapping content on the right

Removing the inline width on div.field-slideshow-slide fixes the overflow issue, but causes issues with the height calculation.
Ommiting both, inline width and height, breaks it completely.

A live demo of the issue can be found here: http://sandbox.designdump.org/node/1
Environment: Drupal 7.22 with field_slideshow, zen, ds (ds-2col-fluid)
The demo install including the sample mysql db is available as well via: http://sandbox.designdump.org/fluid_slideshow_demo_install.zip

Am I simply "holding it wrong" or are other people seeing the same issue?

🐛 Bug report
Status

Closed: outdated

Version

1.82

Component

Code

Created by

🇩🇪Germany cjoy

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024