VueRollr is a lightweight plugin that allows you to add a mouse-over gallery to your Vue.js project. Supported media now includes photos and videos.

rollover image example, wix rollover image effects, rollover images, image rollover css, image rollover javascript, image rollover in html, hover effect on image

Full-Featured Lightbox Gallery With Pure JavaScript | lightgallery.js

How to make use of it:

Install & Download:

# NPM
$ npm i vuerollr --save

Usage

<template>
  <div>
    <VueRollr>
      <img src="...">
      <img src="...">
      <img src="...">
      <video loop autoplay muted>
        <source src="...">
      </video>
      <img src="...">
      <img src="...">
      <img src="...">
    </VueRollr>
  </div>
</template>

<script>
import VueRollr from 'vuerollr'

export default {
  components: {
    VueRollr
  }
}
</script>

Rollover Image Effect, VueRollr Plugin/Github

See Demo And Download

Official Website(japick): Click Here

This superior jQuery/javascript plugin is developed by japick. For extra advanced usage, please go to the official website.