2 slideshow på en side. Første billede vises ikke.
Jeg har en side med følgende kode:<html>
<head>
<!--øverste slideshow med 1 billede-->
<script type="text/javascript" language="javascript">
var bPics=new Array("01.jpg","02.jpg","03.jpg","04.jpg");
var jNoPic=0;
var jLength=1;
function bgetCorrectNo(j){
if(j<0)return j+bPics.length;
else if(j>=bPics.length)return j-bPics.length;
else return j
}
function bShowPics(){
jNoPic=bgetCorrectNo(jNoPic);
var jNo=jNoPic;
for(var j=0;j<jLength;j++){
document.getElementById("bpic"+(j+1)).setAttribute("src",bPics[jNo]);
jNo=bgetCorrectNo(jNo+1)
}
}
window.onload=function(){bShowPics()}
</script>
<!--nederste slideshow med 3 billeder-->
<script type="text/javascript" language="javascript">
var aPics=new Array("10.jpg","11.jpg","12.jpg","13.jpg");
var iNoPic=0;
var iLength=3;
function getCorrectNo(i){
if(i<0)return i+aPics.length;
else if(i>=aPics.length)return i-aPics.length;
else return i
}
function ShowPics(){
iNoPic=getCorrectNo(iNoPic);
var iNo=iNoPic;
for(var i=0;i<iLength;i++){
document.getElementById("pic"+(i+1)).setAttribute("src",aPics[iNo]);
iNo=getCorrectNo(iNo+1)
}
}
window.onload=function(){ShowPics()}
</script>
</head>
<body>
<!--øverste -->
<p><img id="bpic1" style="width:100px;height:110px"></p>
<p><a href="java script:jNoPic--;bShowPics()">Forrige</a> - <a href="java script:jNoPic++;bShowPics()">Næste</a></p>
<!--øverste -->
<!--nederste -->
<p><img id="pic1" style="width:100px;height:110px"><img id="pic2" style="width:100px;height:110px"><img id="pic3" style="width:100px;height:110px"></p>
<p><a href="java script:iNoPic--;ShowPics()">Forrige</a> - <a href="java script:iNoPic++;ShowPics()">Næste</a></p>
<!--nederste -->
</body>
</html>
Meningen er, at der skal vises 2 slideshows. Øverst vises 1 billede med frem- og tilbage-link. Nederst vises 3 billder og frem og tilbage-link.
Desværre loades 1. billede i øverste slideshow ikke. Ellers fungerer det perfekt.
Nogen der kan spotte problemet?
/Plaf
