Bildergalerie

<script type="text/javascript">
<!--
// Image-Preloader
var arrImg = new Array();
arrImg[0] = new Image();
arrImg[0].src = "image/mini/1.gif";  // Pfad zum Bild
arrImg[0].txt = "Fussball 0";              // Gewünschter Text
arrImg[1] = new Image();
arrImg[1].src = "image/mini/2.gif";
arrImg[1].txt = "Fussball 1";
arrImg[2] = new Image();
arrImg[2].src = "image/mini/3.gif";
arrImg[2].txt = "Fussball 2";
arrImg[3] = new Image();
arrImg[3].src = "image/mini/4.gif";
arrImg[3].txt = "Fussball 3";
arrImg[4] = new Image();
arrImg[4].src = "image/mini/5.gif";
arrImg[4].txt = "Fussball 4";
arrImg[5] = new Image();
arrImg[5].src = "image/mini/6.gif";
arrImg[5].txt = "Fussball 5";
arrImg[6] = new Image();
arrImg[6].src = "image/mini/7.gif";
arrImg[6].txt = "Fussball 6";
arrImg[7] = new Image();
arrImg[7].src = "image/mini/8.gif";
arrImg[7].txt = "Fussball 7";
arrImg[8] = new Image();
arrImg[8].src = "image/mini/9.gif";
arrImg[8].txt = "Fussball 8";
arrImg[9] = new Image();
arrImg[9].src = "image/mini/10.gif";
arrImg[9].txt = "Fussball 9";
arrImg[10] = new Image();
arrImg[10].src = "image/mini/11.gif";
arrImg[10].txt = "Fussball 10";
arrImg[11] = new Image();
arrImg[11].src = "image/mini/12.gif";
arrImg[11].txt = "Fussball 11";




// swapImage
function swapImage(imgName, intImg){
  document.getElementById(imgName+"_imgID").src = arrImg[intImg].src;
  document.getElementById(imgName+"_outID").innerHTML = arrImg[intImg].txt;




  return false;
}
//-->
</script>




<style type="text/css">
ul {
margin: 10px 0 0 0;
padding: 0;
}




li {
display: inline;
margin: 0 5px 0 0;
}




img {
border: 0;
}
</style>




<div id="imageBox">
  <img src="image/mini/1.gif" alt="" id="start_imgID">
  <div id="start_outID">Fussball 0</div>
</div>




<ul>
  <li><a href="#" onclick="return swapImage('start', 0);"><img src="image/mini/1.gif" alt="load pic01"></a></li>
  <li><a href="#" onclick="return swapImage('start', 1);"><img src="image/mini/2.gif" alt="load pic02"></a></li>
  <li><a href="#" onclick="return swapImage('start', 2);"><img src="image/mini/3.gif" alt="load pic03"></a></li>
  <li><a href="#" onclick="return swapImage('start', 3);"><img src="image/mini/4.gif" alt="load pic04"></a></li>
  <li><a href="#" onclick="return swapImage('start', 4);"><img src="image/mini/5.gif" alt="load pic05"></a></li>
  <li><a href="#" onclick="return swapImage('start', 5);"><img src="image/mini/6.gif" alt="load pic06"></a></li>
  <li><a href="#" onclick="return swapImage('start', 6);"><img src="image/mini/7.gif" alt="load pic07"></a></li>
  <li><a href="#" onclick="return swapImage('start', 7);"><img src="image/mini/8.gif" alt="load pic08"></a></li>
  <li><a href="#" onclick="return swapImage('start', 8);"><img src="image/mini/9.gif" alt="load pic09"></a></li>
  <li><a href="#" onclick="return swapImage('start', 9);"><img src="image/mini/10.gif" alt="load pic10"></a></li>
  <li><a href="#" onclick="return swapImage('start', 10);"><img src="image/mini/11.gif" alt="load pic11"></a></li>
  <li><a href="#" onclick="return swapImage('start', 11);"><img src="image/mini/12.gif" alt="load pic12"></a></li>
</ul>