florollo: vor-zurueck,bilder

Beitrag lesen

Hallo,

ich beschaeftige mich erst seit kurzem mit javascript, daher mag diese Frage unter umstaenden etwas laienhaft klingen.
ich habe eine website erstellt und nun moechte ich zwischen den bildern auf der seite, welche ich mit java aufrufe(allerdings ohne array) eine vor und zurueck funktion erstellen ist das moeglich oder muss ich dafuer mit array arbeiten?
danke fuer alle antworten!

hier noch der quelltext:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

image1 = new Image();
image1.src ="../pics/02_flyingTemple/temple00.jpg";
image2 = new Image();
image2.src ="../pics/02_flyingTemple/temple01.jpg";
image3 = new Image();
image3.src ="../pics/02_flyingTemple/temple02.jpg";
image4 = new Image();
image4.src ="../pics/02_flyingTemple/temple03.jpg";

function swapImage(imgName,swapImg)
{
document.images[imgName].src=swapImg;
}

function next(imgName,nextImg)
{
document.images[imgName].src=nextImg;
}

</script>

</head>

<body>
<div id="cent">

<div id="logo">
  <a href="../index.html"><img src="../pics/logo.jpg" alt="logo" width="193" height="55" /></a>
  <img src="../pics/logoLine.jpg" alt="logo" width="924" height="13" />  </div>
    <div id="part_up">
<div id="text">
texttextext

</div>

<div id="pic">
<img src="../pics/02_flyingTemple/temple00.jpg" alt="temple" name="start" />
</div>
</div>

<div id="numb">
<a href="javascript:next(start,images[4].src)">0</a>
<a href="javascript:swapImage('start','../pics/02_flyingTemple/temple00.jpg')">1</a>
<a href="javascript:swapImage('start','../pics/02_flyingTemple/temple01.jpg')">2</a>
<a href="javascript:swapImage('start','../pics/02_flyingTemple/temple02.jpg')">3</a>
<a href="javascript:swapImage('start','../pics/02_flyingTemple/temple03.jpg')">4</a>
</div>

<div id="part_down">

</div>
</div>

</body>
</html>