Join Justin Putney for an in-depth discussion in this video Adding bullet timing, part of HTML5 Projects: Creating an Advanced Responsive Presentation.
If you take a look at the index.html file in the exercise files in chapter 3, 02…start folder. You can see as it auto plays through when…it gets to a screen with a bullet it's just going to stop.…That's because we've got our stepped bullet functionality in play.…So switch back over to finder and then open up the pres.js file in the js folder…in Dreamweaver. Lets add a variable to set the timing for…the bullets. So again this is just kind of a debug setting.…
Will set this to a longer value later but for right now lets make it a very short…duration so we can easily test it quickly. Let's call it bullet duration, and set it…equal to 500 milliseconds, which will just be half a second.…And then let's scroll down to the next function.…This is where our stepped bullet functionality takes place.…So in here, let's just add a line before the return, and say if autoPlaySlides.…Then let's call autoNext. And we don't have to write really any more…code than that to get it working because auto next when it calls is going to come…
Need more information on creating an initial web presentation? Watch the related HTML5 Projects: Creating a Responsive Presentation course.
- Embedding a Twitter feed in an iframe
- Creating the code for automatic playback
- Using MediaElement.js in your presentation
- Adding video and audio