Avatar billede lillehans Nybegynder
25. april 2007 - 18:12 Der er 1 kommentar og
1 løsning

Tekst på billeder i clide/dias

Jeg har denne kode, men jeg savner at kunne sætte tekst på de billeder, der kontinuerligt vises i clideshowet. Er der én der vil sætte denne kode ind sammen med et eksempel?
<script type="text/javascript">
<!--

bm=25;
be=".jpg"
bd="sbillede";
bn=1;
bs=1;
cn="";

window.onload=function(){
cd=document.getElementById('dias');
cp=document.getElementById('preload');
cd.style.position="relative";
setInterval("dias()",15000);
dias();
}

function dias(){
bn=(bn+1>bm)?bs:bn+1;
cd.src=cp.src;
cd.style.top=(cd.offsetParent.offsetHeight-cd.offsetHeight)/5+"px";
cd.style.left=(cd.offsetParent.offsetWidth-cd.offsetWidth)/2+"px";
cp.src=bd+bn+be;
}

//-->
</script>

</head>
<body>
<Center><Font Face = "Brush Script MT" Font size = 8><B>Minside</font><BR>
<Font Face = "Brush Script MT" Font size = 6><B>Diasshow</font></center><P>

<div style="width:500px;">
<img id="dias" src="sbillede1.jpg">
<img id="preload" src="sbillede1.jpg" style="display:none;">
</div>

</html>
Avatar billede jhe-ting Nybegynder
25. april 2007 - 23:07 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  <title>Med titel tekst</title>

<script type="text/javascript">
<!--

var bt = [
"Første",
"Andet",
"Tredie",
"Fjerde",
"Femte"
];
function gEl(strId){return document.getElementById(strId)}
function showSubTitle(strMsg){
    var msg = document.createTextNode(strMsg);
    var dsp = gEl("subTitle")
    dsp.replaceChild(msg, dsp.firstChild);
}

var bm=5;
var be=".gif"
var bd="sbillede";
var bn=1;
var bs=1;
var cn="";
var cd, cp;


window.onload=function(){
cd=document.getElementById('dias');
cp=document.getElementById('preload');
cd.style.position="relative";
setInterval("dias()",1000);
dias();
}

function dias(){
showSubTitle(bt[bn-1]);
bn=(bn+1>bm)?bs:bn+1;
cd.src=cp.src;
cd.style.top=(cd.offsetParent.offsetHeight-cd.offsetHeight)/5+"px";
cd.style.left=(cd.offsetParent.offsetWidth-cd.offsetWidth)/2+"px";
cp.src=bd+bn+be;
}

//-->
</script>

</head>
<body>
<center><Font Face="Brush Script MT" size= 8><b>Minside</b></font><br>
<font face="Brush Script MT" size=6><b>Diasshow</b></font><br><font
Face = "Brush Script MT" size = 5 id="subTitle" >Første</font></center><P>

<div style="width:500px;">
<img id="dias" src="sbillede1.gif" alt="Diasshow">
<img id="preload" src="sbillede1.gif" style="display:none;" alt="Diasshow">
</div>

</html>
Avatar billede lillehans Nybegynder
26. april 2007 - 08:55 #2
Helt perfekt. Mange tak for hjælpen!
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