Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Image Effect Slideshow

Status
Not open for further replies.

gazza52

Technical User
Nov 8, 2005
5
GB
Hi All,

The code at the bottom applys a desaturate effect to an image via the use of Pixastic library.

I want to be able to have an array of images which are shown in intervals of five seconds (like a slideshow)and apply the desaturate effect when each image loads. I have a slideshow where I can display array images on 5 second intervals but I am struggling on how I would carry out the effect for each image loaded.

Please can you help

<html>
<head>
<title>Image Slideshow (Different Transitions)</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<script type="text/javascript" src="pixastic.core.js"></script>
<script type="text/javascript" src="desaturate.js"></script>


</head>
<body>
<script>
var img = new Image();
img.onload = function() {
Pixastic.process(img, "desaturate", {average : false});
}
document.body.appendChild(img);
img.src = "image1.jpg";
</script>
</body>
</html>
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top