mjml-image-hover v1.0.5

mjml-image-hover

Adds the ability to have mj-image's be hoverable.

Usage

<mjml>
  <mj-body>
    <mj-image-hover width="300px" hover-name="cheese" src="https://i.picsum.photos/id/237/300/300.jpg" src-hover="https://i.picsum.photos/id/236/300/300.jpg" />
  </mj-body>
</mjml>

Setup

npm install mjml-image-hover --save
cat <<EOF > .mjmlconfig
{
  "packages": [
    "mjml-image-hover/lib/MjImageHover.js"
  ]
}
EOF

Documentation

The mj-image-hover is a wrapper around mj-image so all the same attributes exist.

There are 2 new ones.

hover-name  - The name of the hover, needed for gmail should be a short lowercase string such as (dog), no special characters.
src-hover   - The url of the image to switch to when hovered.