Avatar billede mamu Nybegynder
09. maj 2004 - 00:33 Der er 3 kommentarer og
1 løsning

Tekst til billeder

Jeg har følgende kode til at styre en billed-fremvisning med tilhørende tekst (caption). Billederne vises fint nok, men problemet er at udskrive teksten sammen med de respektive billeder.
Jeg har prøvet at lave noget kode, men er kørt fast der hvor teksten skal udskrives (XXXX)

<html>
<head>
<link rel=StyleSheet href=styles_billeder.css type=text/css>
<style type="text/css">
body{ background-color : black}
</style>
</head>

<script language="JavaScript">

NewImg = new Array (
"images/kjuge/maha.jpg",
"images/kjuge/mahalas.jpg",
"images/kjuge/glas.jpg",
"images/kjuge/ferdinand.jpg"
);

NewCap = new Array (
"Rudolpho på maha 5",
"Lasse",
"Rudolpho på Glas",
"Ferdinand"
);

var ImgNum = 0;
var CapNum = 0;
var ImgLength = NewImg.length - 1;
var CapLength = NewImgCap.length - 1;

// sørger for at billederne og captions vises i ring
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
document.caption.value= NewCap[ImgNum];
  }
}

//  End -->

</script>

<body bgcolor="black">
<center>


<img src="images/kjuge/maha.jpg" name="slideshow" height="620">
<XXXX value="Rudolp" name="caption">

<table>
<tr>
<td><a href="java script:chgImg(-1)"><img src="images/bg/arrowleft.gif"></a></td>
<td width="20px"></td>
<td><a href="java script:window.close()"><img src="images/bg/luk.gif"></a></td>
<td width="20px"></td>
<td><a href="java script:chgImg(1)"><img src="images/bg/arrowright.gif"></a></td>
</tr>
</table>

</body>
</html>
Avatar billede roenving Novice
09. maj 2004 - 00:43 #1
<html>
<head>
<link rel=StyleSheet href=styles_billeder.css type=text/css>
<style type="text/css">
body{ background-color : black}
</style>
</head>

<script language="JavaScript">

NewImg = new Array (
"images/kjuge/maha.jpg",
"images/kjuge/mahalas.jpg",
"images/kjuge/glas.jpg",
"images/kjuge/ferdinand.jpg"
);

NewCap = new Array (
"Rudolpho på maha 5",
"Lasse",
"Rudolpho på Glas",
"Ferdinand"
);

var ImgNum = 0;
var loopLength = Math.min(NewImg.length,NewCap.length);

// sørger for at billederne og captions vises i ring
function chgImg(direction) {
  if (document.images) {
    ImgNum = (ImgNum + direction + loopLength)%loopLength;
    document.images['slideshow'].src = NewImg[ImgNum];
    document.getElementById('caption').innerHTML = NewCap[ImgNum];
  }
}

//  End -->

</script>

<body bgcolor="black">
<center>


<img src="images/kjuge/maha.jpg" name="slideshow" height="620">
<span id="caption"></span>

<table>
<tr>
<td><a href="java script:chgImg(-1)"><img src="images/bg/arrowleft.gif"></a></td>
<td width="20px"></td>
<td><a href="java script:window.close()"><img src="images/bg/luk.gif"></a></td>
<td width="20px"></td>
<td><a href="java script:chgImg(1)"><img src="images/bg/arrowright.gif"></a></td>
</tr>
</table>

</body>
</html>
Avatar billede mamu Nybegynder
09. maj 2004 - 00:59 #2
Det virker - især efter jeg fik ændret lidt på farverne så skrift og baggrund ikke begge var sorte... :-)

Tak for hjælpen

(pop lige et svar så du kan få dine points!!)
Avatar billede roenving Novice
09. maj 2004 - 01:11 #3
Velbekomme '-)
Avatar billede roenving Novice
09. maj 2004 - 01:17 #4
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester