Chelsea: Karten Zoom über Button

Beitrag lesen

SELF-Forum

Karten Zoom über Button

Chelsea
– Informationen zu den Bewertungsregeln

Schonmal DANKE! Ich habe das ganze nochmal leicht bearbeitet, leider funktioniert es immer noch nicht. Habt ihr noch eine Idee woran es liegen könnte?

  
<script type="text/javascript">  
  
var zoomLevel = 5;  
  
function zoom(direction) {  
  
  if (direction === 'in') {  
    if (zoomLevel < 10) {  
      zoomLevel++;  
    } else {  
      alert('Es kann nicht weiter herein gezoomt werden.');  
    }  
  } else if (direction === 'out') { /  
    if (zoomLevel > 1) {  
      zoomLevel--;  
    } else {  
      alert('Es kann nicht weiter heraus gezoomt werden.');  
    }  
  }  
  
  
  var imgElement = document.getElementById('map');  
  
  imgElement.setAttribute("src", "zoom" + zoomLevel + ".png" );  
  
  
  var msgElement = document.getElementById('zoomLevelText');  
  
  msgElement.textContent = "Das aktuelle Zoom-Level ist " + zoomLevel;  
}  
  
</script>  
  
</head>  
<body>  
<h1>Dynamischer Zoom mit Javascript</h1>  
  
<h2> Bitte geben Sie ein Zoomlevel zwischen 1 und 10 ein: </h2>  
  
<input type="text" id="zoom_input" size="35">  
<br/><br/>  
  
<img src="map5.png" id="map" width="500" height="500">  
  
<div id="button">  
  <button type="button" id="zoomIn" onclick="zoom('in')">Zoom in</button>  
  <button type="button" id="zoomOut" onclick="zoom('out')">Zoom out</button>  
</div>  
  
<div id="zoomLevelText">Das aktuelle Zoom-Level ist 5</div>  
  
<body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln