Skip to Main Content
JavaScript Application Cookbook
book

JavaScript Application Cookbook

by Jerry Bradenbaugh
October 1999
Intermediate to advanced content levelIntermediate to advanced
480 pages
14h 47m
English
O'Reilly Media, Inc.
Content preview from JavaScript Application Cookbook

Potential Extensions

As with nearly any application using DHTML, you can add dozens of things to make the slideshow snappier. I’ll try to keep the list short.

Change Random Slides in AutoPilot

Why not mix things up a bit? Generate a random integer between 0 and slideShow.length-1. Then call setSlide(). Here is what the function might look like:

function randomSlide() {
  var randIdx = Math.floor(Math.rand() * slideShow.length);
  setSlide(randIdx);
  }

Instead of calling changeSlide() in function automate(), call randomSlide():

function automate() {
  imageSwap(slideShow[curSlide].name, curSlide, false);
  randomSlide();
  imageSwap(slideShow[curSlide].name, curSlide, true);
  }

Animated GIFs or Image Rollovers in the Slides

These may be obvious improvements, but they certainly help. Users really like the added interactivity; anything with cool moves and color on a web page (this excludes the pitiful BLINK tag) can spice up the look.

Animate the Slides Themselves

Every slide created in this application remains in one place. At times, you have the “now you see it, now you don’t” slides. But the layers remain in the same place throughout the entire show. Why not have the slides move in from the left or exit right? Or the top and bottom?

I’m opening the door to an entire new application within an application, so I won’t get into the code, but I’ll tell you where you can get a JavaScript toolkit to perform loads of layer effects. Netscape has a library file awaiting your download.

You can find ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

JavaScript Application Design

JavaScript Application Design

Nicolas Bevacqua
JavaScript Cookbook

JavaScript Cookbook

Shelley Powers

Publisher Resources

ISBN: 1565925777Supplemental ContentOtherErrata Page