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 |