All Projects → japick → vuerollr

japick / vuerollr

Licence: MIT license
Mouseover gallery plugin for Vue.js

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to vuerollr

Ownphotos
Self hosted alternative to Google Photos
Stars: ✭ 2,587 (+11147.83%)
Mutual labels:  gallery
Marquee
A powerful implementation of Marquee(scrolling text or label) in SwiftUI, which supports any content view, including text(label), image, video, etc.
Stars: ✭ 44 (+91.3%)
Mutual labels:  gallery
gallerize
Create a static HTML/CSS image gallery from a bunch of images.
Stars: ✭ 19 (-17.39%)
Mutual labels:  gallery
React Image Gallery
React carousel image gallery component with thumbnail support 🖼
Stars: ✭ 2,946 (+12708.7%)
Mutual labels:  gallery
SSImagePicker
Easy to use and configurable library to Pick an image from the Gallery or Capture an image using a Camera... 📸
Stars: ✭ 227 (+886.96%)
Mutual labels:  gallery
meiupic
简洁好用的多用户图片社区。
Stars: ✭ 165 (+617.39%)
Mutual labels:  gallery
Prosopopee
a static website generator to make beautiful customizable pictures galleries that tell a story
Stars: ✭ 207 (+800%)
Mutual labels:  gallery
SkyGallery
Create galleries by uploading images and videos. Powered by Sia Skynet.
Stars: ✭ 23 (+0%)
Mutual labels:  gallery
envadrouille
Fast and customizable photo gallery.
Stars: ✭ 18 (-21.74%)
Mutual labels:  gallery
fancybox
jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.
Stars: ✭ 7,261 (+31469.57%)
Mutual labels:  gallery
Sphinx Gallery
Sphinx extension for automatic generation of an example gallery
Stars: ✭ 239 (+939.13%)
Mutual labels:  gallery
vimeography
The easiest way to display beautiful video collections on your WordPress site.
Stars: ✭ 14 (-39.13%)
Mutual labels:  gallery
photos
"Fx Fotos" is an opensource gallery app in react native with the same smoothness and features of Google Photos and Apple Photos. It is backend gnostic and connects to decentralized backends like "box", "Dfinity", "Filecoin" and "Crust".
Stars: ✭ 620 (+2595.65%)
Mutual labels:  gallery
React Animated Slider
Animated slider/carousel component for react
Stars: ✭ 229 (+895.65%)
Mutual labels:  gallery
myphotoshare
MOVED TO GITLAB! --- A Web 2.0 Photo Gallery Done Right via Static JSON, Dynamic Javascript and a bit of php for sharing
Stars: ✭ 12 (-47.83%)
Mutual labels:  gallery
Album
🍉 Album and Gallery for Android platform.
Stars: ✭ 2,430 (+10465.22%)
Mutual labels:  gallery
react-fluid-gallery
Fluid media gallery for React powered by WebGL.
Stars: ✭ 75 (+226.09%)
Mutual labels:  gallery
chaos-sticker-collection
A collection of chaos event / nerd culture related stickers.
Stars: ✭ 36 (+56.52%)
Mutual labels:  gallery
Selfhosted-Google-Photos-Alternative
A complete guide on exiting Google, Amazon or any proprietary service Photos storage with all the features you would want.
Stars: ✭ 143 (+521.74%)
Mutual labels:  gallery
MediaSliderView
Pure java based, highly customizable media slider gallery supporting both images and videos for android.
Stars: ✭ 85 (+269.57%)
Mutual labels:  gallery

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].