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>
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>