šŸ–¼ Lightweight and responsive image gallery for Vue.js
Clone or download
Latest commit ebba851 Jan 17, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build v1.2.9 Oct 30, 2018
dist/js v1.3.0 Jan 16, 2019
examples/gallery update example Sep 15, 2018
images style fixes; update demo gif May 18, 2018
src add missing semicolon Jan 16, 2019
test/e2e Prevent keydown events when index is not set (#5) Oct 24, 2018
.babelrc add babel; mod changelog Aug 3, 2018
.editorconfig initial commit May 7, 2018
.eslintignore initial commit May 7, 2018
.eslintrc.js add linter May 18, 2018
.gitignore add e2e testing; update dependencies Jul 3, 2018
.npmignore npmignore test dir Aug 3, 2018
.travis.yml add before_install commands Jul 10, 2018
CHANGELOG.md v1.3.0 Jan 16, 2019
LICENSE cleanup May 18, 2018
README.md Update README.md Jan 17, 2019
package-lock.json v1.3.0 Jan 16, 2019
package.json v1.3.0 Jan 16, 2019
rollup.config.js add babel; mod changelog Aug 3, 2018
selenium-debug.log v1.3.0 Jan 16, 2019

README.md

Build Status

npm

vue-gallery-slideshow

Lightweight and responsive image gallery for Vue.js.

Live Demo

https://jsfiddle.net/headione/szk73x45/show/

Installation

CDN

<script src="https://unpkg.com/vue-gallery-slideshow"></script>

NPM

npm install vue-gallery-slideshow

Usage

HTML

<div id="app">
  <img class="image" v-for="(image, i) in images" :src="image" :key="i" @click="index = i">
  <vue-gallery-slideshow :images="images" :index="index" @close="index = null"></vue-gallery-slideshow>
</div>

JavaScript

import VueGallerySlideshow from 'vue-gallery-slideshow';

const app = new Vue({
  el: '#app',
  components: {
    VueGallerySlideshow
  },
  data: {
    images: [
      'https://placekitten.com/801/800',
      'https://placekitten.com/802/800',
      'https://placekitten.com/803/800',
      'https://placekitten.com/804/800',
      'https://placekitten.com/805/800',
      'https://placekitten.com/806/800',
      'https://placekitten.com/807/800',
      'https://placekitten.com/808/800',
      'https://placekitten.com/809/800',
      'https://placekitten.com/810/800'
    ],
    index: null
  }
});

Contributing

Please refer to each project's style guidelines and guidelines for submitting patches and additions. In general, we follow the "fork-and-pull" Git workflow.

  1. Fork the repo on GitHub
  2. Clone the project to your own machine
  3. Commit changes to your own branch
  4. Push your work back up to your fork
  5. Submit a Pull request so that we can review your changes

NOTE: Be sure to merge the latest from "upstream" before making a pull request!

Author

Norman Sander

License

vue-gallery-slideshow is available under the MIT license. See the LICENSE file for more info.