Infinitly looping image sequence inside a fixed div that changes on scroll

I would someone to create some javascript/css/html code for me.

What I would like:

- A single frame of an image in the middle of the page

- The image is one of a series of different animation frames

- When the user clicks and drags inside the image, scrolls left or right over the image with the touchpad, swipes left or right over the image on touchscreen or uses the mouse scrool wheel over the image the image switches to the next in the series. The scroll needs to go from left to right, not up and down.

- ! Important ! - The image shoud switch to the next image frame immediately, not slide or scroll to the next image. The look should be more like an animation.

- I would like the ability to change how fast the animation frames change, so swiping might move just 1 frame, or will animate through 5 or 6 frames.

- I would like the ability to add or remove momentum or inertia, so if the user swipes quickly it will scroll through a few frames before slowing down again.

- The frames need to loop, so that once the user has scrolled to the left image it seamlessly starts at the begining again.

- Needs to work on mobile and desktop

THIS IS VERY CLOSE TO WHAT I WANT ---- [login to view URL]


1) scroll left to right, not up and down

2) it needs to scroll in a LOOP, not get to the end of the sequence. It needs to be an infinite loop.

3) The image should be portrait, in the middle of the screen

I have attached an zip of images that I would like you to use.

Please breifly outline to me how you would implement the code to do this. I will not be accepting bids that do not breifly describe how they will work out how to solve the problems I have mentioned.

Thank you

Kemahiran: JavaScript, CSS, HTML5, HTML, jQuery / Prototaip

Lihat lagi: looping image scroller, backgroung image fit inside table, fixed div background ie7, divs inside relative div, absolutely position div inside realtive div, align fixed div right, flash horizontal looping image, applescript image sequence export prores, looping image scroll, fixed inside relative div, fixed div on scroll jquery example, css position fixed inside scrollable div, fixed div on scroll jquery example codepen, fixed div on scroll, move fixed div on scroll, how to create multiple links on a single image squarespace, fixed div with scroll bar, css position: fixed inside scrollable div

Tentang Majikan:
( 0 ulasan ) London, United Kingdom

ID Projek: #31899518

14 pekerja bebas membida secara purata £145 untuk pekerjaan ini


Hi There, I can build some javascript/css/html code for you like your example link according to your requirement and some more details you share. I have 10 years experience and built several business websites so I can Lagi

£250 GBP dalam 3 hari
(298 Ulasan)

Got it this will be done Message me so we can proceed further Thnak you

£120 GBP dalam 3 hari
(139 Ulasan)

Hi there, I'm Matt Sergei (do call me Matt, please) and can implement your image changing script - I would use GSAP javascript animation library together with custom code, of course. Now the looping and mobile de Lagi

£240 GBP dalam 4 hari
(62 Ulasan)

Hi, I have read your project description and can make any HTML Bootstrap , React JS, Vue Js, Angular JS framework using website. I am very confident to provide your front end web design , develop and integrate of any Lagi

£150 GBP dalam 7 hari
(44 Ulasan)
(53 Ulasan)

Hello. I read your project description carefully. I worked for Riode team. As you can see, Riode team is very famous all over the world. I have over 5 years of experience in connection with JS Framework and PHP Framewo Lagi

£100 GBP dalam 2 hari
(21 Ulasan)
(4 Ulasan)

Are you sure about these images, to me those images you attached looks little less to look them moving just like happening on this [login to view URL]://[login to view URL] It won't feel like a video is playin Lagi

£200 GBP dalam 7 hari
(9 Ulasan)

Hi, Thanks for Posting your requirements and I have read your description As I have 6+ Years of Experience in Front End Development and I am working on HTML, CSS, Bootstrap, Javascript, Jquery, React Js, Angular Js, an Lagi

£100 GBP dalam 2 hari
(9 Ulasan)

Hello dear, how are you? I saw [login to view URL] and I can make something like this for you and it will move infinitely in the middle of the page when you scroll from left to right. The process Lagi

£120 GBP dalam 7 hari
(12 Ulasan)

Hi, Just read your posting. Sounds like you need an expert Web developer who can help you make the perfect website for you and I can assist you in this situation. In addition to my development skills I also have a gre Lagi

£135 GBP dalam 7 hari
(4 Ulasan)

Hello Josh G. Greetings! I hope you are doing well. I have read the description of your project. I've checked your requirements and I am interested to assist you in the development of your website with fulfilling al Lagi

£140 GBP dalam 7 hari
(2 Ulasan)

I am not a bid bot. I read your description carefully. I can do it with high quality. Your work can be done with magic scroll. I would like to have a chat for more detail. I am looking forward to your good news.

£135 GBP dalam 7 hari
(3 Ulasan)

programming requires trial and error but the ways i would tackle this are: I would use this system: [login to view URL] and attach your images but remove the smoothness to make it instant another w Lagi

£135 GBP dalam 7 hari
(6 Ulasan)