Giter Site home page Giter Site logo

tengfeiqi / photoswipe Goto Github PK

View Code? Open in Web Editor NEW

This project forked from dimsemenov/photoswipe

0.0 2.0 0.0 27.61 MB

JavaScript image gallery for mobile and desktop, modular, framework independent

Home Page: http://photoswipe.com

License: MIT License

JavaScript 72.56% CSS 14.05% HTML 13.40%

photoswipe's Introduction

PhotoSwipe Repository

Build Status devDependency Status Donate Flattr

JavaScript image gallery for mobile and desktop.

Optionally, install via Bower: bower install photoswipe.

Location of files

  • Generated PhotoSwipe JS, CSS files, SVG & PNG sprites are in the dist/ folder.
  • Source files are in the src/ folder.
  • Files for the website (demo & documentation) are in the website/ folder.
  • The documentation itself is in website/documentation/.

Plugins / extensions / addons

Coded something useful? Email me and I’ll post a link to it here.

Build

To compile PhotoSwipe by yourself, first make sure that you have Node.js, Grunt.js, Ruby and Jekyll installed, then:

  1. Clone the repository

    git clone https://github.com/dimsemenov/PhotoSwipe.git

  2. Go inside the PhotoSwipe folder that you fetched and install Node dependencies

    cd PhotoSwipe && npm install

  3. Now simply run grunt to generate the JS and CSS files in the dist folder and the site in the _site/ folder.

    grunt

Optionally:

  • Run grunt watch to automatically rebuild files when you change files in src/ or in website/.
  • Run grunt nosite to just build the JS and CSS files (output is folder dist/).
  • Run grunt pswpbuild to build just JS files. Param --pswp-exclude allows to exclude modules, for example grunt pswpbuild --pswp-exclude=history will exclude history module.

Using PhotoSwipe?

If you’ve used PhotoSwipe in some interesting way, or on the site of a popular brand, I’d be very grateful if you shoot me a link to it.

License

Script is licensed under MIT license with one exception: Do not create a public WordPress plugin based on it, as I will develop it. If you need to use it for a public WordPress plugin right now, please ask me by email first. Thanks!

Attribution is not required, but much appreciated, especially if you’re making a product for developers.

About

PhotoSwipe 4.0+ is developed by Dmitry Semenov. But initially script was created in 2011 by Code Computerlove, a digital agency in Manchester, they passed on development in March 2014. You can view source and documentation of old PhotoSwipe (<4.0) in history of this repo.

photoswipe's People

Contributors

amiraliakbari avatar asadovsky avatar billinghamj avatar bltavares avatar bnjmnt4n avatar chevsky avatar chrismckee avatar codecomputerlove avatar danielmuller avatar danielochoa avatar dimsemenov avatar error-404 avatar iclanzan avatar inlikealion avatar jasonlcrane avatar jjandoc avatar jtate09 avatar kchia avatar ksookocheff-va avatar louy avatar marcalj avatar oddbox avatar poursal avatar slavanga avatar subzey avatar theomega avatar thorstein5 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.