Images not being scaled to fit

Created on 30 July 2013, about 12 years ago
Updated 21 July 2025, 10 days 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