Standard Slider: Exception Mitigation

Description

This demo is meant to demonstrate parameters which are available to help when content does not fit withint standards and guidance.

Option: data-larger-overlay-description="false"

These two demos employ:
data-larger-overlay-description="false"

Error processing SSI file

Again in the mobile / narrow view...

This option allows the content owner to force the descriptions to flow below the image (rather than overlay).

This can be helpful when:

  • The description is rather long
  • The image content is critical, and should not be occluded

Same slider in mobile / narrow view

Error processing SSI file

Option: data-arrow-position="image-middle"

These two demos employ:
data-larger-overlay-description="false"
data-arrow-position="image-middle"

Error processing SSI file

Again in the mobile / narrow view...

This option allows the content owner to force the arrows to center on the current slides image

This can be helpful when:

  • The description is rather long
  • The images are the key focal point of the slides, and navigation should centered around them

However, if image sizes are inconsistent, the issue of moving arrows could still be present...

Same slider in mobile / narrow view

Error processing SSI file

Option: data-arrow-position="shortest-image-middle"

These two demos employ:
data-larger-overlay-description="false"
data-arrow-position="shortest-image-middle"

Error processing SSI file
Page last reviewed: