Join Justin Putney for an in-depth discussion in this video Stepping through bullet points, part of Creating an Advanced Responsive Presentation in HTML5.
Another nice bit of functionality that you typically see in a presentation software…package is the ability to step through bullet points one at a time.…So, let's take a look at how the presentation is working right now.…I'm in the chapter two folder, in 03, start.…I'm just going to open the index file in a web browser, and I'm going to click the…right arrow key to navigate to the screen with the bullet points.…And so, right now, the whole screen comes on all at once.…And let's see what we can do about that. I'm going to go into the js folder and…grab the pres.js file, which is where we have all our custom code, and open that in Dreamweaver.…
Let's make this bit of functionality a toggle, so, it can be turned on or off.…So, I'm going to create a variable at the top called stepThroughBullets, and let's…set that to true. Now, let's go down to the next function.…And let's add a line before the go to call.…Say, if stepThroughBullets, and let's also make sure that are some hidden bullets on…the screen. So, let's do and, the two ampersands, and…
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