Pliable Photo Gallery
Download v0.1.0Easy embeddable javascript based photo gallery. Great for showing off a small group of images. Guiding principles: simple, less requirements, more conventions.
Vancouver
Canada
Requires jQuery: Tested with v1.3.2
Tested to work in:
- Firefox 3.5
- Safari 4
- Opera 10
- IE 7, 8
Features
From a list of images plus a bit of scaffolding HTML:
- auto scaling widget: Make it as wide or tall to fit your design layout
- scrolling slideshow: smoothly transition from image to image
- auto vignetting of preview thumbnails: no post production or server side processing necessary to achieve this effect
- embed multiple photo galleries into any webpage
Installation
Copy into your project:
- jquery-1.3.2.min.js
- jquery.pliable-0.1.0.js
- pliable_photo_gallery.css
- required_images/*
Please refer to index.html for the required scaffolding HTML. Path to the various files will need adjustment.
All the required CSS is included. You will want to set the width and height of each photo gallery to your liking. All CSS rules are namespaced to the .gallery class.
Preview Thumbnail Images Note
Thumbnails are optional. It is convenient to do without them but can quickly bloat the webpage size. If you have thumbnails prepared, list them in this format:
<img alt="" src="thumb.jpg"
data-src="normal.jpg" />
Hong
Kong
Trip
