Jump to content

Time lapse Possible?


roywebdesign

Recommended Posts

I was given the task of creating something similar to this: http://www.libertyhotel.com/functions_and_meetings/index.html

If you don't feel like clicking the link it is a time lapse video of a wedding reception being put together.

 

I have a wedding client who wants something similar, however the above example was created in Flash, and they do not want flash

due to their how amount of iPad and iPhone users.

 

I'm primarily a HTML/CSS/PHP guy so I'm not to great in the JavaScript realm.

If it is possible in any other language please let me know!

 

 

Thanks,

Mike

Link to comment
Share on other sites

 

The flash looks like is basically a slide show.

 

The slide show accelerates through the pics up till speed x, and continues through the pics at speed x untill is reaches the end, at which point it stops, then returns to the first frame.

 

You could use a setTimeout. As the loop iterations increase so does the speed of the setTimeOut untill speed x is reached.

 

On each run of the loop take the 'next' pic name out of a holding array. When the said array is empty, clearTimeout.

 

The flash also has a 'play again' feature. To achieve this you will simply need to display a button at the end of the whole thing which will run the function again.

 

I would have a look for a jquery equiv though first before ploughing into that, although it does sound too complex.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.