japick / vuerollr

Mouseover gallery plugin for Vue.js

Home Page:https://vuerollr.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

VueRollr

VueRollr is a lightweight plugin that allows you to add a mouseover gallery to your Vue.js project. Supported media now includes images and video.

Demo

Installation

npm i vuerollr

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>

Options

<VueRollr
    :breakpoint="530"
    :speed="2000">
  • breakpoint - autoplay breakpoint default: 768
  • speed - autoplay speed in milliseconds default: 1000

License

MIT

About

Mouseover gallery plugin for Vue.js

https://vuerollr.netlify.app

License:MIT License


Languages

Language:Vue 94.9%Language:JavaScript 5.1%