Join Justin Putney for an in-depth discussion in this video Solution: Reverse bullet points, part of Creating an Advanced Responsive Presentation in HTML5.
Let's take a look at what I came up with. I'm in the Chapter 205_Solution final…folder, and I open up the index.html file in the web browser.…I'm going to use the arrow key to navigate forward 'till I get to the bullets, and…then the left arrow key to navigate back. There are all the bullets, and then I go back.…The reason I did it this way. Well, my thought is, most of the time when…I'm creating a presentation, I'm moving forward.…
Step by step. If I'm going backwards, I've either made a…mistake or somebody's asked me a question and I need to get where I'm going quickly.…So, all the bullets show up at once, and then I can keep moving.…When I'm going through the first time, it's sort of progressive reveal.…When I go back the second time, the audience has already seen it, so I don't…need that progressive reveal. So, I'm going to go to the files and show…you how I did that. Go into the js folder and open pres.js.…And in the back function, you can scroll down.…You can see that I have here, if step through bullets.…
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