can anyone explain why this html code isnt working?

M

Murby

New member
The images are coming up all in all below each other instead of blending. No ide why its not working properly. :(

<html>
<head>
<title>Blending images</title>
<script type="text/javascript" src="blendimages.js">

function init() {

blendImages('blendme');
}

window.onload = init;

</script>

<style type="text/css">
blendImages('blendme');
blendImages('secondblend', 200, 1000, 'mycaption');
blendImages('thirdBlend', 150);
blendImages('blendmetoo', 56, 2234, 'othercaption');

.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}

</style>
</head>
<body>


<div id="blendme" class="blend" style="width:400px; height:200px;">

<img src="home.jpg" alt="my first image;"/>
<img src="eyes.jpg" alt="my second image;"/>
<img src="snooze.jpg" alt="my third image;">

</div>

</body>
</html>
 
Back
Top