Skifte mellem billeder

"Osv.

Når der ikke er flere billeder"?

Ja, det er "Osv. Når der ikke er flere billeder" skulle have stået før min afskeds-salut...

Altså: Når der ikke er flere billeder starter loopen forfra... Giver det mening?

/Plaf

Følgende er testet og skulle meget gerne fungere, som du ønsker det:
--------------------------------------------------------------------
<html>
<head>
<script type="text/javascript" language="javascript">
var aPics=new Array("billed1.jpg","billed2.jpg","billed3.jpg","billed4.jpg","billed5.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>

<p><img id="pic1"><img id="pic2"><img id="pic3"></p>

<p><a href="java script:iNoPic--;ShowPics()">Forrige</a> - <a href="java script:iNoPic++;ShowPics()">Næste</a></p>

</body>
</html>
--------------------------------------------------------------------
Så skal du bare indsætte billederne her:
("billed1.jpg","billed2.jpg","billed3.jpg","billed4.jpg","billed5.jpg");
Og du kan så styre, hvor mange billeder, der vises af gangen, her:
var iLength=3;

Og komprimeret:
----------------------------------------------
<html>
<head>
<script type="text/javascript" language="javascript">
var aPics=new Array("billed1.jpg","billed2.jpg","billed3.jpg","billed4.jpg","billed5.jpg");
var iLength=3,iNoPic=0;
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>

<p><img id="pic1"><img id="pic2"><img id="pic3"></p>
<p><a href="java script:iNoPic--;ShowPics()">Forrige</a> - <a href="java script:iNoPic++;ShowPics()">Næste</a></p>

</body>
</html>

Det virker!!!!

Dog - jeg får sådan en advarsel i toppen af siden om aktive scripts... Kan det laves så man IKKE får denne advarsel?

Hvordan skriver man størrelsen på billederne - hvis man nu gerne vil vise dem mindre, end de er?

/Plaf

Kører du det lokalt ?-)

-- hvis du uploader det til din ISP skulle advarslen gerne forsvinde (for selvfølgelig er scripts man kører fra harddisken meget farligere end dem, du kører fra indernettet !-)

Hvis du kører det lokalt (altså hvor scriptet ligger på din pc og ikke på nettet), så får du som standard en advarsel, lige så snart, der køres JavaScript, som der jo gør her.

Og ang. højde og bredde på billederne, kunne det f.eks. se sådan her ud:

<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>

Tak - så var det liiiiige det, jeg skulle bruge :-)

/Plaf