ist zwar ungetestet, sollte aber laufen:
Code
<head>
<script language="JavaScript">
<!--
window.onload = init;
var bilder = new Array("01.jpg","02.jpg","03","04.jpg","05.jpg","06","07.jpg","08.jpg","09","10.jpg","11.jpg","12","13.jpg","14.jpg","15","16.jpg","17.jpg");
var loadp = new Array();
var pos = 0;
var iv = NULL;
function init()
{
for(i=0;i<bilder.length;i++)
{
loadp[i] = new Image();
loadp[i].src = bilder[i];
}
document.getElementById('wechsel').innerHTML = '[img][/img][img][/img][img][/img]';
iv = window.setInterval("nextpic()", 1000);
}
function changepic()
{
/* Hauptposition koregieren */
if (pos>= bilder.length)
pos = 0;
if (pos<bilder.length)
pos = bilder.length-1;
var poa = pos-1;
var pob = pos+1;
/* Nebenposition A koregieren */
if (poa>= bilder.length)
poa = 0;
if (poa<bilder.length)
poa = bilder.length-1;
/* Nebenposition B koregieren */
if (pob>= bilder.length)
pob = 0;
if (pob<bilder.length)
pob = bilder.length-1;
document.getElementById('img1').src = bilder[poa];
document.getElementById('img2').src = bilder[pos];
document.getElementById('img3').src = bilder[pob];
}
function nextpic()
{
pos = pos+1;
changepic();
}
function prevpic()
{
pos = pos-1;
changepic();
}
//-->
</script>
</head>
<body>
<div id="wechsel" style="margin-top:84px; margin-left:306px; position:absolute; width:402px; height:310px">Laden...</div>
[url='javascript:prevpic();']<-[/url]
[url='javascript:nextpic();']->[/url]
</body>
Alles anzeigen
wenn du willst und kannst, lassen sich die if s im changepic noch auf 3 zeilen verkürzen.