We need some quick help debugging and fixing our photo directory.
This page lists a number of photographers. Each listing has four image thumbnails below. When I mouse over, the thumbnail expands. When I click a thumb a larger version of that image loads in the center region. The central region should remain static/visible regardless of scrolling. Each time an image is clicked a transition effect plays. Images for each listing are listed in individual xml files. Please see the attached files. The first listing on the top left works as we expected (with a bug on the transition effect, named below).
What we need help with is making each listing works as the first one:
1. Click on the thumbnail (mouseover thumb and it expands)
2. Image transition plays in the central region
3. Image is displayed
Currently only the first listing is working, for some reason, we cannot get the rest of the listings to load. We are using the spry framework
for the thumb as well as the central image region.
Also, you will notice that there is an issue with the way the central image loads. It should only fade in or out. Currently it 'jumps' when loading.
This is a quick turnaround project, ideally it should be completed in a day or two.
Please respond with a bid an estimated delivery date.
Please document code and fixes thoroughly. You must use the technologies already in place. This project is primarily a fix to what we have already created. The fixes must work in all current browsers in PC/Mac (Firefox, IE, Safari).