Retina Images

The retina module allows you to replace images using the @2x name when on a Retina device.

To set a retina image, you will need to provide the path to the @2x source using an data-slidea-at2x attribute on your image element.

<img src="assets/img/slide-1.jpg"

Slidea also provides a more elegant way of doing this, by following the image naming rule. By setting true value to the data-slidea-at2x attribute, Slidea will already know to look for the same source with @2x appended to it.

<img src="assets/img/slide-1.jpg" data-slidea-at2x="true"/>

The retina module is enabled by default.

  retina: true

Progress Bar
Read Next