Image

Background Image

Background Image

Background Image

Background Image

  • Heading

    Lorem ipsum dolor sit amet.

  • Heading

    Lorem ipsum dolor sit amet.

  • Heading

    Lorem ipsum dolor sit amet.

  • Heading

    Lorem ipsum dolor sit amet.

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

JavaScript Options

Option Value Default Description
dataSrc String '' The image's `src` attribute.
dataSrcset String false The image's `srcset` attribute.
sizes String false The image's `sizes` attribute.
width String false The image's `width` attribute. It will be used to determine the placeholder's width and the images position in the document.
height String false The image's `height` attribute. It will be used to determine the placeholder's height and the images position in the document.
offsetTop String '50vh' The offset increases the viewport's bounding box vertically, before computing an intersection with the image.
offsetLeft String 0 The offset increases the viewport's bounding box horizontally, before computing an intersection with the image.
target String false A list of targets who's bounding boxes will be used to compute an intersection with the image. (Defaults to the image itself)