Lighting Toolkit

The light effect requires a style sheet property and a script for controlling the light's characteristics. You can add up to 10 different lights to each light filter. This toolkit helps you add the different light effects to an image. Using Dynamic HTML, you can also modify and animate the light effect to create spotlights. We will cover animating light effects in a future article.

Select a new image:
Select Light Effect: Applied Lights:	Target Image

Sample Script

<SCRIPT LANGUAGE="JavaScript">

function applyLight(toEl) {
  // Applies the light filter to toEl
}

window.onload = new Function("applyLight(document.all.demoLight)")
</SCRIPT>

<IMG ID=demoLight STYLE="filter: Light()" SRC="/gifs/inside.gif">