Code Monkey home page Code Monkey logo

photography-slideshow's Introduction

Photography Slideshow

We use this simple photography slideshow at comparethemarket.com to display our images in the office.

Configuring the Images

In /config/images.json you can customise the array of image objects. Each has the following key/value pairs:

  • src - REQUIRED - The image src for wherever your image is hosted
  • title - OPTIONAL - The image title, will be displayed as part of a watermark placed on the image
  • photographer - OPTIONAL - The photographer who took the image, will be displayed as part of the watermark
  • watermarkPosition - OPTIONAL - Must be one of right, left or center. The default is right. This determines the alignment of the watermark.

When the app starts it will cycle through the array of images and display them in order.

Developing

Getting Started

This is a very basic app created with create-react-app.

To get started:

  • git clone
  • npm install
  • npm start

There are no tests at present!

Build and Serve

To create the production build: npm run build To start the production server: npm run serve

photography-slideshow's People

Contributors

abitravers1989 avatar ayanit1 avatar deepikadixitb avatar dimpledalby07 avatar elirankon avatar hamishf-bgl avatar jubblerbug avatar marysalemme avatar rkclark avatar staceyfenton avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

photography-slideshow's Issues

Mosaic View

I search from github and got your project. It is simple and exactly what I want. Thanks for making and sharing it!

Just wonder if slice show can have mosiac view, like 4 or 9 or 16, etc.

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.