Danke für deine Hilfe. Hab es eingebunden und es geht fast

  
<div id='mySwipe' style='max-width:500px;margin:0 auto' class='swipe'>  
  <div class='swipe-wrap'>  
    <div><b>1</b></div>  
    <div><b>2</b></div>  
    <div><b>3</b></div>  
  </div>  
</div>  
  
<div style='text-align:center;padding-top:20px;'>  
  
  <button onclick='mySwipe.prev()'>prev</button>  
  <button onclick='mySwipe.next()'>next</button>  
  
</div>  
  
  
<div><span id="pos"></span> von <span id="numSlides"></span></div>  

  
<script src='swipe.js'></script>  
<script>  
  
// pure JS  
var elem = document.getElementById('mySwipe');  
  
window.mySwipe = Swipe(elem, {  
  // startSlide: 4,  
  // auto: 3000,  
  // continuous: true,  
  // disableScroll: true,  
  // stopPropagation: true,  
  callback: function(index, element) {  
	posElem.innerHTML = index + 1;  
	  },  
  // transitionEnd: function(index, element) {}  
});  
  
var posElem = document.getElementById('pos'),  
  
numSlidesElem = document.getElementById('numSlides');  
  
posElem.innerHTML = window.mySwipe.getPos() + 1;  
numSlides.innerHTML = window.mySwipe.getNumSlides() + 1;  
  
</script>  

Ich sehe auf dem Bildschirm 1 von 4 ist nicht richtig, es muss 1 von 3 heißen. Woher kommt der vierte? Und brauch ich wirklich so viele DIVs?