Jquery Auto Scroll

I have a site with the html/css already programmed and some javascript already in place. The javascript however is not functioning the way I need it to and I need some help either fixing the script or replacing it all together.

This is a portfolio site, with a strip of images across the middle. I need help fixing the horizontal autoscroll that is activated when you hover over the images. There are a few important features that this auto-scroll must contain.

1. When hovering over the images left 1/2 of the browser width the images must scroll left and when hovering over the right 1/2 of the browser the images must scroll right.

2. The scroll is only activated when hovering over the pictures (which dynamically resize according to the browser size)

3. Only the area with the images will be scrolling.

4. The scroll bar must still be useable - in order to make the site compatible with mobile devices

5. This script must be dynamic in that it will work if there are 2 images on the page or 10.

Additionally the images in this horizontal scrip launch a shadow box - this must remain in tact but I don't think that should affect this very much.

Skills: jQuery / Prototype

See more: prototype jquery mobile, prototype help, prototype auto, jquery 2.1 0, jquery 2, jquery 1.2 3, auto prototype, jquery is mobile, jquery script, html page resize, scrolling box, jquery css hover, javascript scroll page, jquery dynamic, mobile css size, script auto scroll, page resize html, jquery order, jquery page site, scroll box, jquery hovering, bar fixing, jquery dynamic css, mobile prototype jquery, page html jquery

About the Employer:
( 18 reviews ) Delhi, United States

Project ID: #1246473

Awarded to:


Please, check your PMB!

$50 USD in 2 days
(13 Reviews)

2 freelancers are bidding on average $40 for this job


I am ready to start now.

$30 USD in 1 day
(10 Reviews)