You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 8 Next »

Introduction

Now available, DuraCloud has a easily deployable "app" for viewing images stored within DuraCloud from the convenience of you browser (desktop or mobile browser).  The image viewer allows you to organize your images into multiple "collections" within a DuraCloud space.  The role based access controls of DuraCloud will also be applied to viewing images within spaces.  The image viewer will automatically display thumbnails of a image collection in a grid view.  Each image in the thumbnail display will have its name presented with it.  When a thumbnail is clicked an enlarged version of the thumbnail will be shown in the foreground with navigation controls for viewing the previous and next image in the collection (swipe navigation for mobile devices).  When viewing the large image the viewer provides the ability to zoom the image in and out simply by scrolling and panning around the image simply by moving your mouse.

The image gallery is comprised of only html, javascript, and css files.  It is completely browser based and self contained.

Download

Download the Image Gallery from the Downloads page.

Alternatively, the Image Gallery code is available from GitHub

Installing the Image Gallery

After downloading the image gallery files, simply copy them into a new space within your DuraCloud account.  It makes sense to name this space something similar to "image-gallery", but the name you choose is up to you.

That's it!  The DuraCloud image gallery is now installed and ready to use.  If you copied the files into a space named "image-gallery" simply open up your browser and load the page:

https://myaccount.duracloud.org/durastore/image-gallery/index.html  (replace "myaccount" with the subdomain for your DuraCloud account)

Using the Image Gallery

 

Image Gallery FAQ

Q: I like the Image Gallery, but I'd like to make a small change, how can I do that?

A: The Image Gallery functionality is completely managed by the JavaScript and CSS files that you added to your space. Simply update those files, and the UI will change.

Q: I made some cool changes, and would like to contribute them back, can I do that?

A: Absolutely! The best way to do this is to add a pull request with your code changes through the Github project.

  • No labels