Demo

Filmed.js 1.1 allows you to add film strips and shadow to images on your webpages (alternatively: slided.js). It uses unobtrusive javascript to keep your code clean.

It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari. On older browsers, it’ll degrade and your visitors won’t notice a thing.

How to use


<html>

<head>

<title>Filmed.js (with IE 6/7 support)</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Content-language" content="en">
	<meta http-equiv="imagetoolbar" content="no">
	<meta http-equiv="Content-Script-Type" content="text/javascript">
	<script type="text/javascript" src="filmed.js"></script>

	<meta http-equiv="Content-Style-Type" content="text/css">
</head>

<body>
<table summary="">
<tr><td valign="top" style="padding-bottom: 1em; white-space: nowrap;">
<img src="images/film.jpg" border="0" class="filmed ishine30" alt="" />
</td>
<td style="padding: 0 0 0 15px; margin: 0; line-height: 1.5; font-style: italic;">
<img src="images/girl.jpg"  class="filmed ishadow50">
</td></tr>
</table>
</body>

</html>

More info
http://www.netzgesta.de/filmed/