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.
dataSizes String false See `sizes` option.
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.
dataWidth String false See `width` option. Use this option, if you do not want an actual `width` attribute on your image.
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.
dataHeight String false See `height` option. Use this option, if you do not want an actual `height` attribute on your image.
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)