kira: eine Lupe über ein Bild bewegen

Hallo,

ich habe eine Karte mit Zoomfunktion gefunden:
http://www.webdesigntutorials.net/tutorials/flash_tutorials/Flash_MX_tutorials_Creating_a_Magnifying_Glass.php
(bitte runter scrollen, dann sieht ihr es)

Es ist leider in Flash realisiert.
Könnte man das Gleiche mit JavaScript kreieren?

Liebe Grüße,
Kira

  1. Könnte man das Gleiche mit JavaScript kreieren?

    Sicher geht das. Du positionierst einfach ein weiteres Bild, das vergrössert wurde, über dem ersten Bild.
    natürlich nur den Ausschnitt unter der Lupe.
    Bildhöhe und -breite kannst du ja beliebig wählen, je nach Bildauflösung und gewünschter Qualität.

    Ich würde es so lösen, unter dem Mauszeiger bewegt sich ein Rechteck, in diesem Rechteck wird der entsprechende Ausschnitt des gezoomten Bildes angezeigt und beim Bewegen der Maus bewegt sich das vergrösserte Bild  um den Zoomfaktor schneller als das Rechteck selbst.

    1. Hi Multi!

      Danke schön für Deine Antwort :-)

      Sicher geht das. Du positionierst einfach ein weiteres Bild, das vergrössert wurde, über dem ersten Bild.
      natürlich nur den Ausschnitt unter der Lupe.
      Bildhöhe und -breite kannst du ja beliebig wählen, je nach Bildauflösung
      und gewünschter Qualität.

      Genau die Logik habe ich mir schon überlegt.
      Aber, da ich JavaScript gar nicht kann (abgesehen wie man JavaScript zu einem HTML-Datei anbindet) habe ich das Problem zur Schau gesetzt.

      Eine Losüng dafür sehe ich im Beispiel, das mir Vinsenz gesendet hat:
      http://persistent.info/files/20040508.magnifier/

      (ich kann sogar die Code verstehen :-) und weiter damit arbeiten)

      Liebe Grüße,

      Kira

  2. Hallo

    ich habe eine Karte mit Zoomfunktion gefunden:
    http://www.webdesigntutorials.net/tutorials/flash_tutorials/Flash_MX_tutorials_Creating_a_Magnifying_Glass.php
    (bitte runter scrollen, dann sieht ihr es)

    Es ist leider in Flash realisiert.
    Könnte man das Gleiche mit JavaScript kreieren?

    ich habe mir das jetzt nicht angeschaut, aber folgende zwei Threads im Archiv gefunden, die Dir vielleicht weiterhelfen könnten:

    </archiv/2007/4/t150726/>
    </archiv/2005/1/t99133/>

    Freundliche Grüße

    Vinzenz

    1. Danke schön Vinzenz :-)

      der Beispiel von http://persistent.info/files/20040508.magnifier/
      aus </archiv/2005/1/t99133/>

      hat mich weiter gebracht :-)

      Liebe Grüße,
      Kira