Search for project

More than 2000 projects issued through our platform and this
amount increases very fast.

Javascript - script to deal with image array and pre-loading parts of the array from server (ID:5689)

Project Creator: siliconvalley1010
FC Member For 5908 Days
Credits 20
Completed Proj. Num. 0 / 0
Total payment USD 0.00
Avg Daily Online
0.00 h (From 21/5/2007)
Available on MSN/Skype No
Last Login 5/2/2009
Peers Rating 0.00%
      
Budget: Not Sure/Confidential
Created: 5/2/2009 12:29:34 AM EST
Bidding Ends: 5/12/2009 12:29:34 AM EST
( Expired )
Development Cycle: 5 Days
Bid Count: 9
Average Bid: 745.56  
Project Description:

Project descripton:

There are 5 ??rrays??of images, each array is numbered 0 ??252, the images in each array are put together to form an animation.

        IMAGE NUMBER:
Array 1
1_1
1_2
1_3
1_4
1_5
1_6
1_7
1_8
1_9
1_10
Array 2
2_1
2_2
2_3
2_4
2_5
2_6
2_7
2_8
2_9
2_10
Array 3
3_1
3_2
3_3
3_4
3_5
3_6
3_7
3_8
3_9
3_10
Array 4
4_1
4_2
4_3
4_4
4_5
4_6
4_7
4_8
4_9
4_10
Array 5
5_1
5_2
5_3
5_4
5_5
5_6
5_7
5_8
5_9
5_10
(the image numbers would continue all the way up to 252, this is table is just to illustrate this)          
1)On web page user can view only 1 image at a time, user can manually move between images in the array (left to right) so it shows a new frame in the array or user can move ??own??or ??p??to a new array. When moving down or up to a new array, the image number shown in that array will correspond to the number, so if user is at 3_4 and they move up, they would move to 2_4

2)User controls movements through frames by using 4 links to the side of where images are shown (up, down, left, right), user can use ??nmouse??event to hold down mouse to scroll through images, when mouse is released it stops, user can also click link to move one frame in that direction.

3)Script cannot load all images in each array when page loads.. this would take too long and may not fit in user's cache. Rather, script must make calls to server to load images, it must load 6 frames in each direction from that image (example, if user is viewing 4_5 (blue), it would load all of the green squares so as to provide seamless transition while they move to new frames (user cannot move diagonally so no need to load diagonally), so then if user views 3_5 it would then pre-load the 6 in each direction in the same manner and so on.. (note that 6 would not fit on this illustration but this should give you the correct idea of what is needed)


Array 1
1_1
1_2
1_3
1_4
1_5
1_6
1_7
1_8
1_9
1_10
Array 2
2_1
2_2
2_3
2_4
2_5
2_6
2_7
2_8
2_9
2_10
Array 3
3_1
3_2
3_3
3_4
3_5
3_6
3_7
3_8
3_9
3_10
Array 4
4_1
4_2
4_3
4_4
4_5
4_6
4_7
4_8
4_9
4_10
Array 5
5_1
5_2
5_3
5_4
5_5
5_6
5_7
5_8
5_9
5_10

4)Script should be scalable. By this I mean that it should be possible to edit it in the future to change it so it pre-loads more than 6 frames in each direction. Also, it should be able to accommodate more than 252 images in one array and to accommodate more than 5 arrays. I can accept limits to this if you can explain why this is necessary, however some scalability would be nice.


- I can provide some initial code that will help in setting up the animations as it is set up for this already I just need the above implemented

Newly added descriptions:
Please see the attached word document as the project instructions did not show correctly when I pasted them in.

Job Type Javascript 
Attached Files: 20090502003250.doc

Bids placed

(There are 9 bids on this project, these are listed below)
 
Contact*:
Email*:
Telephone:
(Include country code)
Enquiry*