Skip to content

Pure Css and Javascript gallery with thumbnail-list, detail/info view and fullscreen image viewer

Notifications You must be signed in to change notification settings

wende60/Javascript-Gallery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Javascript gallery... standalone gallery with a thumlist and an image-detail-view, furthermore a full-size image-viewer opening on image-detail-view click. All responsive and as well mouse draggable and swipeable, big devices will also see arrows to navigate.

Find a working example here: http://vogelfisch.de/gallery

Work in progress, more info comming soon!

But here some steps:

  • the example is created with sass and es6, so run npm install to install some helpfull node modules like http-server, node-sass and babel
  • run npm run dev to start a server and a watcher to compile your sass files. Check your current work at localhost:4000
  • run npm run build to start a server, create a compressed css file and minified js files (preset-env) in the build dir. Check the build files at localhost:4000
  • run npm run kill in case you forgot to stop one of the servers and ended up in errors ;)

Just try it out and give me some feedback :)

About

Pure Css and Javascript gallery with thumbnail-list, detail/info view and fullscreen image viewer

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published