Devam Ediyor

510685 JavaScript Photo Album Viewer

I need a script written in JavaScript that can display a navigation filmstrip of images. The user should be able to scroll horizontally through the images, by clicking-and-dragging the filmstrip with a mouse.

When viewing the web page on mobile devices such as an iPhone, the user should be able to scroll through the filmstrip by using touch gestures. There are JavaScript handlers like ontouchstart that can be used for this.

When clicking on an image in the filmstrip, a full-size image should be loaded in the frame above. The filmstrip image and full-size image filenames should be inputted into the script using an array such as:

images = new Array(

new Array('[url removed, login to view]', '[url removed, login to view]', 'unlocked'),

new Array('[url removed, login to view]', '[url removed, login to view]', 'unlocked'),

new Array('[url removed, login to view]', '[url removed, login to view]', 'locked')

);

The script should load the thumbnail images for the filmstrip immediately, but only load the full-size images via Ajax when the user clicks on the thumbnail for that image.

The 3rd value of each array indicates whether the full-sized image is password-protected. If the value is 'unlocked', then the script should just load the image in the top frame. If it is 'locked', then it display a prompt-box asking for the password. After the user enters a password and clicks the submit button, it should open the full-size image URL with ?password=userinput appended to the URL.

I'll take care of the image encryption. All this script needs to do is prompt for the password, and append the user's input to the URL.

I attached a rough sketch of how the script should appear.

The script needs to be compatible with at least the following browsers:

Internet Explorer 9

Internet Explorer 8

Firefox 5

Google Chrome

Safari (Installed on iPhone, iPod, or iPad)

I will need to have exclusive ownership and copyright of the code written for this project. All of the code needs to be custom, and can't use any external libraries.

Beceriler: AJAX, Her şey Kabul, CSS, HTML, iPad, iPhone, Javascript, jQuery / Prototype, Mobile App Development, SEO

Daha fazlasını görün: javascript photo album viewer, javascript album viewer, album viewer script, custom javascript photo album iphone, javascript photo album, google sketch it, photo to sketch, take photo, photo touch, photo button, ipad password, google sketch, chrome javascript, album a, open url chrome, javascript scroll page, javascript full url, display url javascript, load page javascript, ipad javascript, iphone encryption, google javascript code, image encryption, url google chrome, append display

İşveren Hakkında:
( 11 değerlendirme ) Spotsylvania, United States

Proje NO: #2256616

Seçilen:

esolzsales

Clear with requirements. Escrow Needed.

7 gün içinde 300$ USD
(508 Değerlendirme)
9.7