Synchronize CSS animation with jQuery slider using Javascript

Completado Publicado Jun 1, 2015 Pagado a la entrega
Completado 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.

HTML HTML5 JavaScript jQuery / Prototype

Nº del proyecto: #7780815

Sobre el proyecto

11 propuestas Proyecto remoto Activo Jun 4, 2015

Adjudicado a:

adrianarnet

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

$50 USD en 3 días
(1 comentario)
1.3

11 freelancers están ofertando un promedio de $148 por este trabajo

sunsoftpro

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

$180 USD en 4 días
(124 comentarios)
6.8
devikagupta

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

$105 USD en 0 días
(232 comentarios)
6.2
siliconforks

Hello, This should be straightforward to do using JavaScript. Thanks for considering my bid, Ed Kelly (siliconforks)

$60 USD en 3 días
(98 comentarios)
5.6
webiglobe

Dear Sir, I am really interested to work on this project . I have very good experience of doing this sort of job, I can start the work now and can assure the best service from my end. I am waiting here to discuss Más

$250 USD en 7 días
(39 comentarios)
5.3
TuckerAlexander

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

$200 USD en 3 días
(13 comentarios)
4.3
Soundpresslib111

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

$50 USD en 3 días
(6 comentarios)
3.2
idiscus

hello there. i can fix your script and also provide asistance in the future for it(add new elements, etc.)

$166 USD en 2 días
(0 comentarios)
0.0
micksa

Hi, I'm new to freelancer and would like to solve this problem for you at a discount, to get a feel for how freelancer works. The issue of the synchronization of the "handles" and the panels can basically be solved Más

$80 USD en 2 días
(0 comentarios)
0.0