SlideShow wechselt nur zwischen 2 Bildern

<style type="text/css">
<!--

.clear {clear:both;}

#gallery {position:relative; height: 360px; }

#gallery a {float:left; position:absolute; }

#gallery a img {border:none;}

#gallery a.show {z-index:500;}

#gallery .caption {
z-index: 600;
color: #fff;
height: 100px;
width: 100%;
position: absolute;
bottom: 0; }

#gallery .caption .content {margin:5px;}

#gallery .caption .content h3 {margin:0; padding:0; color:#1DCCEF; }
--> </style>
<div id="gallery">
<div style="text-align: center"><a class="show"><img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/fl04_zoo_a6_vs.jpg" /></a> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_07.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_08.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_09.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_10.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_11.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_01.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_02.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_03.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_04.jpg" /></div>
<div class="caption">
<div class="content">&nbsp;</div>
</div>
</div>
<div class="clear">&nbsp;</div>
</script>