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