Cerrado

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]

BUT IT IS NOT CORRECT BECAUSE:

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

Habilidades: JavaScript, CSS, HTML5, HTML, jQuery / Prototype

Ver más: 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

Información del empleador:
( 0 comentarios ) London, United Kingdom

Nº del proyecto: #31899518

14 freelancers están ofertando un promedio de £145 por este trabajo

babitabubu

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 Más

£250 GBP en 3 días
(298 comentarios)
7.6
HadiDar786

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

£120 GBP en 3 días
(139 comentarios)
6.6
mattsrinc

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 Más

£240 GBP en 4 días
(62 comentarios)
6.3
Webguru71

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 Más

£150 GBP en 7 días
(44 comentarios)
6.0
(53 comentarios)
5.1
Vadym2021

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 Más

£100 GBP en 2 días
(21 comentarios)
4.9
(4 comentarios)
4.4
broker22

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 Más

£200 GBP en 7 días
(9 comentarios)
3.8
andrzejdewloper

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 Más

£100 GBP en 2 días
(9 comentarios)
3.4
delahoussayec

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 Más

£120 GBP en 7 días
(12 comentarios)
3.6
mohammadfaisald8

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 Más

£135 GBP en 7 días
(4 comentarios)
2.5
lytechxdigital

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 Más

£140 GBP en 7 días
(2 comentarios)
2.7
batiushkinamarii

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 en 7 días
(3 comentarios)
2.6
pure26

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 Más

£135 GBP en 7 días
(6 comentarios)
2.6