Synchronize CSS animation with jQuery slider using Javascript
$30-250 USD
Pagado a la entrega
We have a development website located at:
[url removed, login to view]
The page has a CSS animation that opens and closes a sign. There is also a jQuery slider that switches the image/content each time the sign closes.
There are two problems with the current execution:
1. The clock for the slider and CSS starts at different times on different browsers.
2. The timing for the Javascript and the CSS animation are slightly out of sync. Therefore, if you leave the page up long enough, the slider and CSS animation get progressively more out of sync.
We need a developer to provide us with a Javascript (or simpler if possible) solution that will sync each cycle of the CSS animation with each cycle of the jQuery slider. We have done some research and believe this to be something a Javascript/jQuery expert should be able to easily accomplish for us. It is just beyond our current skillset to do by ourselves.
The existing HTML file, the attached CSS, and all Javascript files can be accessed by viewing the page source of the URL above.
Please let us know if you have any questions that might clarify your bid. We expect to have the project completed within 2 weeks of awarding the project at the latest.
We forgot to add one thing to this project:
We will need the javascript to trigger a sound to play each time the animation begins and be synchronized with it. You can feel free to use any sound in the development stage so long as it roughly matches the duration of the opening and closing of the sign on the page.
Nº del proyecto: #7780815
Sobre el proyecto
Adjudicado a:
Hello again, I think I know the solution for your points 1 and 2 which are quite simple. 1) You delay the start for jQuery with $(document).ready() until the document is rendered which may indeed start later than t Más
11 freelancers están ofertando un promedio de $148 por este trabajo
Hi employer I have read your description and been interested in your project. Let me help you fix the issue on your site. I'm ready to discuss and start to work on in now. ========================================== Más
hello sir, i can do your project.... please accept my bid so that i can start it... i m expert in this type of project... u can also see my portfolio... please sir accept my bid.. please hope u will do i m waiting f Más
Hello, This should be straightforward to do using JavaScript. Thanks for considering my bid, Ed Kelly (siliconforks)
I've developed many web applications using LAMP, WAMP, WordPress, Dolphin, Drupal, Joomla, Moto CMS, Magento and other enterprise software for the last six years. I could certainly program the JS/CSS synchronization ro Más
Hello. Thank you for your posting with my skill`s scope. please choose with confidence . I have many experience in this field. Also,Because I am a skilled full time developer, I can work only for your project. If Más
hello there. i can fix your script and also provide asistance in the future for it(add new elements, etc.)