JavaScript - Bild mit dem Mausrad vergrößern


<style>

img#bild {
 
displayBlock;
 
marginAuto;
 
width444px;
 cursor: n-resize;
}
</
style>

<
script>
// Bild mit dem Mausrad vergrößern

var max 1;
var 
mor 1;

function 
zoom(event) {
 
event.preventDefault();
 var 
wert Math.floor(event.deltaY);

// Verringern
 
if (wert 0) {
  
mor -= 1;
  if (
mor 0) {
   
mor 9;
   
max--;
  }
 }

// Erhöhen
 
if (wert 0) {
  
mor += 1;
  if (
mor 9) {
   
mor 0;
   
max++;
  }
 }


 if (
max <= 0) {
  
max 1;
  
mor 0;
 }

 
document.getElementById("bild").style.transform="scale(" max "." mor ", " max "." mor ")";
}
</
script>

<
img src="bild.png" id="bild" onwheel="zoom(event)">

Siehe auch: JavaScript - Zahl in einem Eingabefeld mit dem Mausrad verändern

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<adress> Adresse

CSS - Animationen mit Keyframes

PHP - Trennen von Buchstaben und Zahlen mit scanf()

JavaScript - HTML-Title Attribut tauschen

MySQL - Spalte Gruppieren und zählen

No Content
Oder auch Usability. Viele Webseiten glänzen mit einem großartigen Design aber „Ohne Inhalt“. Ein bischen Text, 5 Bilder, 4 Seiten Text, einige Witze und eine E-Mail-Adresse... das war es?! Wer nicht mehr zu bieten hat, bekommt auch nicht viele Besucher. Und platzieren Sie kein "billiges Zeug" oder inkorrekte Information. Enttäuschte Besucher sind kaum zurückzugewinnen. Auch das Aufführen von Links zu anderen Seiten macht noch keine interessante und damit sehenswerte Homepage aus. Verzichten Sie auch möglichst auf private Informationen aus Ihrem Leben (zum Beispiel Lebensläufe und tiefgründige Familienangelegenheiten). Mit solchen Themen locken Sie heute keinen "Hund hinter dem Sofa" mehr hervor. Eine kurze Info zum Ersteller oder vielleicht auch Webmaster inkl. E-Mail-Adresse reicht in der Regel vollkommen aus.
Im Netz gibt es viele nützliche oder interessante Angebote, um seine Homepage zu ergänzen beziehungsweise um sich von anderen Seiten zu unterscheiden. Dies sind zum Beispiel Content-Anbieter, Gästebücher, Newsletter, Newsticker, Foren und so weiter