PDA

View Full Version : fade effect



lelu
12-16-2006, 01:37 PM
Hello,
Can somebody help me,please?
I need a "slide show with fading effect" to fit in this script below.


When mouse over a button box appears with slide show of 3 pictures ( with fading effect) like in the link
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Thank you


<html>
<head>
<title>Untitled</title>
</head>
<script language="JavaScript">
function showImage(divID,action){
objDiv = document.getElementById(divID);
objDiv.style.display = 'block';
if(action==1){
objDiv.style.display = 'block';
}else{
objDiv.style.display = 'none';
}
}

</script>

<body>



<br>
<img src="button.jpg" onmouseover="showImage('ImagesArea',1)" onmouseout="showImage('ImagesArea',0)">

<br>
<br>
<br>
<br>
<div id="ImagesArea" style="border:1px solid gray;width:500px;height:100px;display:none">
<img src="pic1.jpg"> <img src="pic2.jpg"> <img src="pic3.jpg">
</div>
<br>
<br>
<br>
<br>
<br>
</body>
</html>

jscheuer1
12-17-2006, 06:10 AM
What's wrong with that script for that? Here's a demo combining the two*:

http://home.comcast.net/~jscheuer1/side/files/u_fade_block_none_h.htm



*Actually a modified version of U-fade that works the same but, has better cross browser fading.

lelu
12-17-2006, 10:52 AM
Thank you very much!!!