I am building a product selector.
There will be about 50 products that will need to be handled.
It will be similar to http://www.ford.co.uk/
(go to home page then select a product range....eg. cars....to see what I mean).
If I can implement the whole look and feel then fantastic. But for now I will settle for it looking similar but with image swaps rather than a smooth scrolling when the customer clicks left or right.
For now I have 3 images next to each other:
ProdImage1, ProdImage2, ProdImage3
ProdImage1 and ProdImage3 are slightly faded so the customer focus remains on the Image in the middle (ProdImage2). So:
When the user clicks Right this should change to:
If there are 50 products then there will be 100 images (1 normal, 1 faded.......unless layer transparency is used I suppose.....then possible browser compatiability issues).
When the page loads I want to preload 10 images.
The first 5 products, normal and faded images.
I guess I will probably do this in the normal manner that images are preloaded for use in 'rollover' buttons - ie. filling an array of images.
I have a java component (lost its source years ago) that has no GUI but whose sole purpose is to preload files for websites (just grabs the files and puts them in cache so ready for use). So I figured I could use this to grab the next 90 images while the user is staring at the first 5 prodcuts, carefully loading in order so increase the chance that the images will be available.
Has anyone done this before?
Please can you supply me with code/examples for this.
As I said I will settle for an image swap implementation - but if anyone knows how to do a smooth scroll implementation then I would be delighted.