smooth horizontal image scroll seamless loop

I have a single jpg image that is 1700(pixels wide) x 100 (pixels tall). The filename is "stringer.jpg". I want to scroll this image in a seamless loop across the top of a webpage (without the use of an iframe). The jpg file is a composite that I have made from multiple images...the composit will always be provided as a single file and should be run end-to-end through the scrolling animation. The current dimensions of the box that it needs to scroll within is 750x100. I want a slow, smooth scroll from right to left. This javascript will replace the current flash file i am using (sample at [url removed, login to view] - DO NOT ATTEMPT TO CONTACT ME AT THIS WEBSITE).

There are two additional requirements:

1. The jpg filename will remain constant, but the overall length of the image may change (the one online now if 800x100 and the new one is 1700x100 and other variations may be used in the future). I have posted two sample jpg files for you to use when testing. I can enter the dimensions of the image in the code manually (make imageheight and imagewidth obvious with variable name declaration).

2. The "box" within which the image scrolls is currently 750x100. The script should adjust easily if i decide to change the dimensions in the future (for example to 500x200...in which case the jpg would be 200px tall and whatever length i want...the image height will always be correct for the box height).


1. The scrolling MUST be smooth, not jerky...and should seamlessly wrap from the edge of the last edge of the image to the start edge of the image so no seam is ever visible.

2. I WILL NOT ACCEPT BIDS from anyone who attempts to contact me from outside of GetAFreelancer. DO NOT TRY.

3. I require that you demonstrate the ability to scroll an image smoothly using javascript before i will select you. The sample can scroll in any direction and at whatever size...i just need to see the motion. Send me a link with your bid or in a PM.

4. I will own the script with 100% rights to resell, redistribute, and modify as i may desire without any future payment, royalties, or mention of original developer. You may of course use the script yourself in the future as well and resell it, etc...

5. You will be expected to provide support and maintenance of the script for a period of three weeks after project completiona nd payment in the event that any problems arise with a specification in teh project. You will not be expected to add additional features after the project closes, only troubleshoot any problems with the existing work.

6. Note that i will only be available to discuss the project or answer questions once per day either via email or GoogleChat. I would expect that there will not be any substantial questions or clarifications needed on such a small project.

7. PLACEHOLDER BIDS and GENERIC BIDS will not be accepted. Please read teh full description of the project and bid specifically for this project. Serious bids only.

8. I am a programmer myself, but my javascript is a bit rusty. As such we can have knowledgable discussions if you have questions. I simply do not have time to dust off my old javascript books to figure this one out. Thank you for your professionalism and prompt work.

One final note:
While this is probably obvious, the scroll speed should be a constant (slow) speed, regardless of the width of the scrolling image. I only mention this because I was thinking about how I might do the script and thought that the scroll might be programmed as a position relative to the overall width of the image...but that would make it speed up if the image were wide and slow down if the image were not as wide...that is bad. Needs to have constant speed regardless of image dimensions. Thanks!

Kemahiran: Javascript

Lihat lagi: horizontal image scroller, horizontal image scroll, horizontal image scroller javascript, javascript horizontal image scroll, javascript horizontal image scroller, horizontal image scrolling, horizontal image scroll javascript, image scroll, image scroll javascript, flash smooth horizontal scroll, smooth image scrolling, javascript loop scroll, javascript horizontal smooth scroll, javascript smooth scroll horizontal, javascript smooth image scroll, javascript image scroll, smooth scrolling images javascript, smooth scrolling image javascript, seamless horizontal image scroll, javascript seamless scroll, seamless image scrolling, seamless scroll javascript, seamless image scroll, javascript smooth image change, javascript horizontal scroll loop

Tentang Majikan:
( 41 ulasan ) Houston, United States

ID Projek: #115641

Dianugerahkan kepada:


Please see PM.

$30 USD dalam sehari
(64 Ulasan)

9 pekerja bebas membida secara purata $46 untuk pekerjaan ini


Hello. Please check your PM. Thanks.

$75 USD dalam 2 hari
(75 Ulasan)

Hi Plz see PMB for demo link. Thanks

$50 USD dalam sehari
(22 Ulasan)

No problem... Can be done within 1 day

$60 USD dalam 0 hari
(21 Ulasan)

Please look demo in PMB

$40 USD dalam sehari
(15 Ulasan)

It can be done :)

$75 USD dalam 3 hari
(4 Ulasan)

i can complete this in the above said time

$30 USD dalam sehari
(0 Ulasan)

hi,i saw your work. i can do it

$30 USD dalam sehari
(0 Ulasan)

Depending from PC velocity, a little blinking can be noticed after the first loop, maybe can be perfectioned. See P.M. for link. Regards Umb

$70 USD dalam 3 hari
(0 Ulasan)

Please see Private Message thread...

$30 USD dalam 0 hari
(0 Ulasan)