Hello there
this project is fairly straightforward. We need someone familiar with standards-based xhtml / css / js, who has worked with jquery. We are using the jquery plugin “galleria” to serve up some images from a list.
here is the galleria plugin:
http://devkick.com/lab/galleria/
and here is the style reference, showing what we’re trying to do with it:
http://weareluminopolis.com/hosted/inkkc/2/final/modules/main/scriptlance-demo.php
Project Summary
We want to add transparent caption overlays to images displayed in the main image area. We also want to take advantage of galleria’s automatic thumbnail generation. That is, we do not want a separate list of thumbnails as presented in the above style reference. The solution should be galleria, with the added functionality of transparent caption overlays, as well as the vertical sidebar navigation.
Requirements
1.The main images must be clickable links (they are, by default in galleria).
2. The sidebar thumbnail elements must accommodate rollover effects (see style reference for the styling).
3. All style should be achieved using css. For example, the caption overlay should use css opacity, as shown in the style reference.
4. the up and down arrows shown in the style reference should correspond to galleria’s navigation code (galleria.prev and galleria.next)
5. the solution should incorporate all of the features of galleria found in the “Demo 01″ example: http://devkick.com/lab/galleria/demo_01.htm
6. The caption overlay should read directly from the image “title” attribute. The caption overlay needs a mildly transparent background, and should be placed towards the bottom of the main image. The solution does not need to be animated like what’s shown in the style reference.
7. Thumbnails should be generated automatically, just like they are in the galleria demo. Thumbnail captions in the navigation should also display directly from the image “title” attribute.
thank you all, please be in touch if more information is needed.
jase
p.s. for another example similar to the functionality we are trying to achieve, see http://www.timeout.com/newyork/ – their slideshow blends a galleria-like jquery slideshow with the transparent overlays found in our style reference.