Hover Preview
A vanilla js library to show preview images on hover, check a Demo here
Please watch
Getting started
-
Grab the minified js code, from here.
-
Add
hover-preview.min.js
to bottom of your body tag, example -<script defer src='/js/hover-preview.min.js'></script>
-
Add class
hover-preview
toimg
tag that should have preview behaviour.<img src="poster.jpg" class="hover-preview" />
-
Add
data-preview
attribute withpipe(|)
seperated preview image urls, example<img src="poster.jpg" class="hover-preview" data-preview="preview1.jpg|preview2.jpg|preview3.jpg" />
Build minified bundle
$ yarn build