Hjælp til JavaScript!
Jeg har på mit site uploaded billeder. Jeg kunne godt tænke mig, at ud for hvert billed at skrive en tekst, hvordan gør jeg det i dette script?Her er koderne til en af billedsiderne;
<html>
<head>
<title>xxx</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="ego.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#ffffff" text="#666666" topmargin="0" leftmargin="0" onLoad="GoToSlide(1)">
<table border="0" cellspacing="0" cellpadding="0">
<!-- JAVA SHIT start, her laves der et slideshow med billeder -->
<script language="JavaScript">
var slides = new Array();
slides[1] = new Slide("billeder/mixed/2.jpg", "Billede 1");
slides[2] = new Slide("billeder/mixed/3.jpg", "Billede 2");
slides[3] = new Slide("billeder/mixed/4.jpg", "Billede 3");
slides[4] = new Slide("billeder/mixed/6.jpg", "Billede 4");
slides[5] = new Slide("billeder/mixed/8.jpg", "Billede 5");
slides[6] = new Slide("billeder/mixed/9.jpg", "Billede 6");
slides[7] = new Slide("billeder/mixed/10.jpg", "Billede 7");
slides[8] = new Slide("billeder/mixed/12.jpg", "Billede 8");
slides[9] = new Slide("billeder/mixed/13.jpg", "Billede 9");
// slide maker function
function Slide(image, title) {
this.image = image;
this.title = title;
// preload the image
// eval("tempimage = new Image(150, 800)");
eval("tempimage = new Image(360, 216)");
eval("tempimage.src = \"" + image + "\"");
return this;
}
// current slide number (starts at 1)
var currSlide = 1;
// slide changer function
function GoToSlide(num) {
if (num >= 1 && num < slides.length) {
currSlide = num;
window.status = slides[num].title;
document.display.src = slides[num].image;
} else if (num < 0) {
GoToSlide(slides.length - 1);
} else {
GoToSlide(1);
}
}
</script>
<!-- JAVA SHIT end -->
<!-- Indhold start -->
<table border="0" width="780" bordercolor="#666666" cellspacing="0" cellpadding="0" background="grafik/images/baggrundsgrafik_02.jpg">
</td>
<tr>
<td valign="top">
<td width="1" height="300" background="grafik/kant.jpg"></td>
<td width="50" align="right">
<img src="grafik/trans.gif" width="50" height="300">
</td>
<td width="480" valign="top" bordercolor="#666666">
<img src="billeder/mixed/2.jpg" name="display" width="450" height="300" border="0"><br>
</td>
<td valign="top">
<br>
<a href="java script:GoToSlide(currSlide - 1)" onFocus="this.blur()" onClick="if (document.all) { this.blur() }"><img src="grafik/tilbage_knap.gif" width="24" height="24" border="0"></a>
<a href="java script:GoToSlide(currSlide + 1)" onFocus="this.blur()" onClick="if (document.all) { this.blur() }"><img src="grafik/frem_knap.gif" width="24" height="24" border="0"></a><p>
<table border="0" bordercolor="#000000" cellspacing="0" cellpadding="5">
<tr>
<td colspan="4" bordercolor="#666666" align="left">
<p class="overskrifter"><b>Mixed Shots</b></p>
</td>
</tr>
</table>
<table border="0" bordercolor="#000000" cellspacing="0" cellpadding="5">
<tr>
<td bordercolor="#666666" align="left">
<a href="java script:GoToSlide(1)" onFocus="this.blur(" class="gallerytal" onClick="if (document.all) { this.blur() }">01</a></td>
<td bordercolor="#666666" align="left">
<a href="java script:GoToSlide(2)" onFocus="this.blur(" class="gallerytal" onClick="if (document.all) { this.blur() }">02</a></td>
<td bordercolor="#666666" align="left">
<a href="java script:GoToSlide(3)" onFocus="this.blur(" class="gallerytal" onClick="if (document.all) { this.blur() }">03</a></td>
<td border="1" bordercolor="#666666" align="left">
<a href="java script:GoToSlide(4)" onFocus="this.blur(" class="gallerytal" onClick="if (document.all) { this.blur() }">04</a></td>
<td bordercolor="#666666" align="left">
<a href="java script:GoToSlide(5)" onFocus="this.blur(" class="gallerytal" onClick="if (document.all) { this.blur() }">05</a></td>
<td bordercolor="#666666" align="left">
<a href="java script:GoToSlide(6)" onFocus="this.blur(" class="gallerytal" onClick="if (document.all) { this.blur() }">06</a></td>
<td bordercolor="#666666" align="left">
<a href="java script:GoToSlide(7)" onFocus="this.blur(" class="gallerytal" onClick="if (document.all) { this.blur() }">07</a></td>
<td bordercolor="#666666" align="left">
<a href="java script:GoToSlide(8)" onFocus="this.blur(" class="gallerytal" onClick="if (document.all) { this.blur() }">08</a></td>
<td bordercolor="#666666" align="left">
<a href="java script:GoToSlide(9)" onFocus="this.blur(" class="gallerytal" onClick="if (document.all) { this.blur() }">09</a></td>
</tr>
</table>
</td>
<td width="1" height="305" background="grafik/kant.jpg"></td>
</tr>
</table>
<!-- Indhold end -->
<td colspan="1"><img src="grafik/bottom_grafik.jpg" width="780" height="70"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Håber der er en, der hurtigt kan hjælpe mig?
På forhånd tak!
