Problemer med slideshow
Hejsa.Jeg sidder og er ved at lave en hjemmeside, hvor jeg gerne vil have et slideshow med fotos. Jeg har oprettet et via IrFanView og det virker udemærket, når jeg bruger den side som programmet opretter. Jeg har så kopieret koden over i et andet html dokument, hvor resten af min side er, men nu gider slideshowet ikke starte. Er der en der har forstand på java, der gider kigge min kode igennem og evt. spotte hvor fejlen er? :)
Skal måske lige sige, at jeg INTET forstand har på java, men regner da med, at det er muligt at gøre hvad jeg har gjort?
Koden er:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_health_nutr.css" type="text/css" />
<script language="JavaScript">
<!-- // Created by Pierre Volpe
// Duration of image (in milliseconds)
var slideShowSpeed = 5000
// Duration of crossfade (in seconds)
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = './fotos/1.JPG';
Pic[1] = './fotos/10.JPG';
Pic[2] = './fotos/11.JPG';
Pic[3] = './fotos/12.JPG';
Pic[4] = './fotos/13.JPG';
Pic[5] = './fotos/14.JPG';
Pic[6] = './fotos/15.JPG';
Pic[7] = './fotos/16.JPG';
Pic[8] = './fotos/17.JPG';
Pic[9] = './fotos/18.JPG';
Pic[10] = './fotos/19.JPG';
Pic[11] = './fotos/2.JPG';
Pic[12] = './fotos/20.JPG';
Pic[13] = './fotos/21.JPG';
Pic[14] = './fotos/22.JPG';
Pic[15] = './fotos/23.JPG';
Pic[16] = './fotos/24.JPG';
Pic[17] = './fotos/25.JPG';
Pic[18] = './fotos/26.JPG';
Pic[19] = './fotos/27.JPG';
Pic[20] = './fotos/28.JPG';
Pic[21] = './fotos/29.JPG';
Pic[22] = './fotos/3.JPG';
Pic[23] = './fotos/30.JPG';
Pic[24] = './fotos/31.JPG';
Pic[25] = './fotos/32.JPG';
Pic[26] = './fotos/33.JPG';
Pic[27] = './fotos/4.JPG';
Pic[28] = './fotos/5.JPG';
Pic[29] = './fotos/6.JPG';
Pic[30] = './fotos/7.JPG';
Pic[31] = './fotos/8.JPG';
Pic[32] = './fotos/9.JPG';
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++)
{
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all && document.images.SlideShow.filters){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all && document.images.SlideShow.filters){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
//-->
</script>
<style type="text/css">
<!--
.style1 {color: #000000}
.style6 {color: #333333}
.style10 {font-size: 14px; font-weight: bold; color: #FF6600; }
.style11 {color: #FF6600}
-->
</style>
</head>
<body bgcolor="#F4FFE4" onload="MM_preloadImages('Folk/Roll over/anders.png')">
<body onload="runSlideShow()">
<table width="100%" height="762" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF6600" id="main">
<tr bgcolor="#D5EDB3">
<td colspan="3" bgcolor="#FF6600"> </td>
<td height="50" colspan="3" align="center" valign="bottom" nowrap="nowrap" bgcolor="#FF6600" id="logo"><span class="style1">The Love Rex Party Camp</span> </td>
<td width="91" bgcolor="#FF6600"> </td>
</tr>
<tr bgcolor="#D5EDB3">
<td colspan="3" bgcolor="#000000"><img src="images/canopy2.jpg" width="134" height="56" /></td>
<td height="51" colspan="3" align="center" valign="top" bgcolor="#000000" id="tagline"><span class="style10">En Roskilde Romance </span></td>
<td width="91" bgcolor="#000000"> </td>
</tr>
<tr>
<td width="165" valign="top" bgcolor="#000000">
<table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">
<tr>
<td width="165" bgcolor="#000000"><a href="index.html" class="navText">Forside</a></td>
</tr>
<tr>
<td width="165" bgcolor="#000000"><a href="nyheder.html" class="navText">Nyheder</a></td>
</tr>
<tr>
<td width="165" bgcolor="#000000"><a href="facts.html" class="navText">Facts</a></td>
</tr>
<tr>
<td width="165" bgcolor="#000000"><a href="deltagere.html" class="navText">Deltagere</a></td>
</tr>
<tr>
<td width="165" bgcolor="#000000"><a href="fotos.html" class="navText">Fotos</a></td>
</tr>
<tr>
<td width="165" bgcolor="#000000"><a href="film.html" class="navText">Film</a></td>
</tr>
<tr>
<td width="165" bgcolor="#000000"><a href="guest.html" class="navText">Gæstebog</a></td>
</tr>
<tr>
<td width="165" bgcolor="#000000"><a href="facebook.html" class="navText">Facebook </a></td>
</tr>
<tr>
<td width="165" bgcolor="#000000"><a href="links.html" class="navText style11">Links</a></td>
</tr>
</table>
<br />
<br />
<br /> </td>
<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="305">
<tr>
<td class="style1" ><h2>Folk der har boet i : <br /> The Love Rex Party Camp
</h2></td>
</tr>
<tr>
<td class="bodyText"><p class="style6">tekst </p> </td>
</tr>
</table>
<a href="Folk/oliver.html"><img src="Folk/thumbs/oliver_t.jpg" alt="Oliver" width="65" height="65" border="0" /></a><a href="Folk/rasmus.html"><img src="Folk/thumbs/rasmus_t.jpg" alt="Rasmus" width="65" height="65" border="0" /></a><a href="Folk/rikke.html"><img src="Folk/thumbs/rikke_t.jpg" alt="Rikke" width="65" height="65" border="0" /></a><a href="Folk/sanne.html"><img src="Folk/thumbs/sanne_t.jpg" alt="Sanne" width="65" height="65" border="0" /></a>
<br />
<a href="Folk/signe.html"><img src="Folk/thumbs/signe_t.jpg" alt="Signe" width="65" height="65" border="0" /></a><a href="Folk/soeren.html"><img src="Folk/thumbs/soeren_t.jpg" alt="Søren" width="65" height="65" border="0" /></a><a href="Folk/stine.html"><img src="Folk/thumbs/stine s_t.jpg" alt="Stine" width="65" height="65" border="0" /></a><a href="Folk/stine2.html"><img src="Folk/thumbs/stine_t.jpg" alt="Stine" width="65" height="65" border="0" /></a><br />
<a href="Folk/thomas.html"><img src="Folk/thumbs/Thomas_t.jpg" alt="Thomas" width="65" height="65" border="0" /></a><a href="Folk/thorsten.html"><img src="Folk/thumbs/Thorsten_t.jpg" alt="Thorsten" width="65" height="65" border="0" /></a><a href="Folk/torben.html"><img src="Folk/thumbs/Torben_t.jpg" alt="Torben" width="65" height="65" border="0" /></a><br />
<a href="deltagere.html"><img src="images/previous.gif" alt="forrige" width="30" height="30" border="0" /></a></td>
<td width="33"> </td>
<td width="475" valign="top"><p align="left"><br />
<IMG SRC="./fotos/1.JPG" NAME='SlideShow' width="475" height="387">
</p>
</td>
<td width="91"> </td>
</tr>
<tr>
<td width="165"> </td>
<td width="50"> </td>
<td width="4"> </td>
<td width="301"> </td>
<td width="33"> </td>
<td width="127"> </td>
<td width="91"> </td>
</tr>
</table>
</body>
</html>
Mvh.
WhoCares
Kode:
