[jQuery] Slideshow
[jQuery] Slideshow
I’m looking for someone to do a little work for me and I wondered if
one of you might be able to help.
What I am essentially trying to achieve is a sliding thumbnail viewer
with lightbox effects ultimately for use within Joomla 1.5.
Essentially what I want to combine is the lightbox enlargement
technique from here (http://www.huddletogether.com/projects/lightbox2/
#example) with the thumbnail (only) sliding effect from here (http://
sorgalla.com/jcarousel/ or http://smoothgallery.jondesign.net/showcase/timed-gallery/
click on "pictures" to see the thumbnails).
I have a variety of images of different proportions and sizes
(portrait/landscape) that I wish to show across the top of the page
without taking up too much real estate (see attached jpg). I would
need the 'module' to be as automatic as possible and be as
customizable as possible, for example I would need:
�X Point the module to a folder of images and it automatically create
thumbnails + optionally be able to then manually label these images
with a short title and description.
�X The slideshow would need to be able to be modified in width and
height (for example I may wish it to be used at 800w x 100h or perhaps
400w x 75h depending on where within the site it is needed to appear)
�X The background color of the slideshow should be able to be
specified.
�X Thumbnails added into the slideshow should retain their proportions
regardless of whether they are portrait or landscape
�X A maximum/minimum size should be specified for the thumbnails (or
perhaps this could be set using margin/padding for the thumbnails
where it ‘knows’ the maximum height of the slideshow has been set to
100px for example and then adds 10px padding to all sides of the
thumbnail effectively forcing the thumbnail to be 80px in height)
�X Visually, I would need the slideshow to scroll automatically with
adjustable delays and to have forward/backward arrows showing and for
all the images being faded apart from the central image as it
automatically scrolls through them all. If the slideshow is wider than
the example I attached you would obviously then see more images to the
left and the right. I wouldn’t need any title/description to appear at
this stage.
�X When a user clicks one of the thumbnails it then enlarges using the
lightbox effect and shows title/description if one has been set. It
would ALSO need to have forward/backward/close buttons showing here to
allow the user to continue viewing the contents of the entire gallery
from here without having to go back to the slideshow. I like the way
on some lightbox effects I have seen that the image enlarges to a
central position on the page and then adjusts its height and width to
suit the specific image it is currently showing. This gives a very
good example of this aspect of the gallery (http://
www.huddletogether.com/projects/lightbox2/#example).
There are many other features that I would like to include to allow
more flexibility, but let me know what you think of this and how easy
it would be to create and a rough idea of costs. This could be added
into a Joomla site as a module or perhaps added as a separate
component with a call to a specific gallery made on the page that is
loaded.
Let me know your thoughts.