Indlægge et javascript i en celle i en tabel
HejJeg har et javascript der skal fade nogle billeder sammen, selve billedholderen er i en tabel. Jeg har lavet en bannertabel hvor fade-effekten skal lægges i den første celle.
Puha - jeg ved ikke om det er forståeligt, men jeg håber der er en der kan hjælpe.
Her er bannerkoden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>banner</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#99CCCC" style="border:0px;margin:0px;padding:0px;">
<table width="710" height="153" border="0" cellpadding="0" cellspacing="0" id="bannertabel">
<tr>
<td width="120" rowspan="2"><img src="images/far_son.jpg" width="120" height="153"></td>
<td width="120" rowspan="2"><img src="images/StatAutFodlogo.png" width="121" height="153"></td>
<td width="470"><img src="../images/Topbarmedtekst.jpg" width="468" height="68"></td>
</tr>
<tr>
<td height="80" bgcolor="#CC9900"><div align="center"><font color="#CC3366" size="2" face="Verdana, Arial, Helvetica, sans-serif"><em><font color="#0033CC"><strong>v/Statsaut.
fodterapeut</strong></font><strong><br>
</strong></em></font><strong><font color="#0033CC" size="2" face="Verdana, Arial, Helvetica, sans-serif"><em>Dorthe
Gransøe<br>
Skibbrogade 30<br>
4400 Kaludborg<br>
Tlf. 59 56 60 67</em></font></strong><font color="#0033CC" size="2" face="Verdana, Arial, Helvetica, sans-serif"><em></em></font></div></td>
</tr>
</table>
</body>
</html>
Her er javakoden:
<!--
SlideShow with Captions and Cross-Fade
(C)2002 by CodeLifter.com
Shows images and accompanying captions.
Browsers: NS4-7,IE4-6
Fade effect only in IE; degrades gracefully.
NS4 shows default caption only.
INSTRUCTIONS:
Copy this entire script into a completely blank
page. Follow the commented instructions within.
//-->
<html>
<head>
<!--
Set up the caption font in the following style.
Place the style script in the head of the page.
//-->
<style>
.Caption {
font-family: Arial;
font-weight: bold;
color: #123456;
}
</style>
<!--
Place the following script in the head of the page.
Follow the set-up instructions within the script.
//-->
<script>
// (C) 2002 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header.
// ==============================
// Set the following variables...
// ==============================
// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 5000;
// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 5;
var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this
// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the Picture array.
// Caution: The number of Pictures *must*
// equal the number of Captions!
Picture[1] = '///D|/Dokumenter/Websites/html/Klinikken/images/far_son.jpg';
Picture[2] = '///D|/Dokumenter/Websites/html/Klinikken/images/Gladefoddercropsma.jpg';
Picture[3] = '///D|/Dokumenter/Websites/html/Klinikken/images/Gladefoddercropstore.jpg';
// Specify the Captions...
// To add more captions, just continue
// the pattern, adding to the array below.
// To use fewer captions, remove lines
// starting at the end of the Caption array.
// Caution: The number of Captions *must*
// equal the number of Pictures!
Caption[1] = "This is the first caption.";
Caption[2] = "This is the second caption.";
Caption[3] = "This is the third caption.";
// =====================================
// Do not edit anything below this line!
// =====================================
var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;
var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}
function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
// if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);
}
</script>
</head>
<!--
Add the onload=runSlideShow() event call to the body tag.
//-->
<body onload=runSlideShow() body bgcolor="#99CCCC" style="border:0px;margin:0px;padding:0px;">
<!--
The following table holds the images and captions.
Place the table in your page where you want the slideshow
to appear. Follow the instructions for each table cell.
//-->
<table border=0 cellpadding=0 cellspacing=0>
<td width=120 height=153> <img src=Klinikken/images/far_son.jpg name=PictureBox width=120 height=153></td>
</tr>
<tr>
<!--
The next table cell holds the captions.
This table cell must have id=CaptionBox and
class=Caption in its tag. The default caption
shows whilst loading in all browsers; NS4
will show only the default caption, throughout.
//-->
<td id=CaptionBox class=Caption align=center bgcolor=#fedcba>
</td>
</tr>
</table>
</body>
</html>
