nicht angemeldet
Lupenfunktion für hochauflösende Bilder gesucht
Beim Surfen bin ich über folgende Seite gestolpert:
http://www.afarsitebetter.com/realZOOM/
Die Beispiele sind ja sehr beeindruckend, vorallem weil es sowohl im IE als auch Mozilla funktioniert.
Weiss jemand ob es sowas auch als Freeware gibt?
-
Hallo!
Schau Dir mal http://www.zoomify.com/ an. Ist zwar nicht ganz dasselbe Prinzip, aber Freeware. Hier ist es in Aktion zu sehen: http://www.tpd.tno.nl/Pics/DII/gigazoom/Delft2.htm
Gruß, Achim
-
Schau Dir mal http://www.zoomify.com/ an. Ist zwar nicht ganz
dasselbe Prinzip, aber Freeware. Hier ist es in Aktion zu sehen:
http://www.tpd.tno.nl/Pics/DII/gigazoom/Delft2.htmDanke für die Links, aber ich wollte eher was plattformunabhängiges in DHTML/JavaScript.
Das einzigste was ich bisher in der Art gefunden habe, ist das hier:
http://www.cim.mcgill.ca/~rbrook/magnifiers/magnify_cat.html
Das ist schon sehr gut, allerdings zoomt es nur das Originalbild und nicht eine hochauflösendes zweites Bild.-
Hallo, Günni!
Danke für die Links, aber ich wollte eher was plattformunabhängiges in DHTML/JavaScript.
und wieso kannst du dir jetzt aus dem quelltext der beispiele dein eigenes script zusammenstricken?
freundl. Grüsse aus Berlin, Raik
-
und wieso kannst du dir jetzt aus dem quelltext der beispiele dein
eigenes script zusammenstricken?Meinst Du jetzt die von Achim (die sind Flash)?
Oder den JavaScript-Quelltext von realzoom?
Das Problem ist das der obfuscated wurde (Copyright).
Ich dachte mir aber das vielleicht jemand einen ähnlichen Ansatz verfolgt hat und das Ergebnis unter der GPL oder als Freeware veröffentlicht hat.-
Hallo, Günni!
Ich dachte mir aber das vielleicht jemand einen ähnlichen Ansatz verfolgt hat und das Ergebnis unter der GPL oder als Freeware veröffentlicht hat.
ist doch eigentlich nicht so viel dran?
ein transparentes bild, das den zoombereich markiert, onMousemove relativ zur maus positioniert,
begrenzt auf die grösse des vorschaubildes abzügl. halber breite/höhe des transp. gif,
grosses bild vorladen und mit clip den anzeigebereich eingrenzen.
angezeigten bereich in der funktion verschieben, die auch das transp. gif verschiebt.und mit ein wenig tüfteln entschlüsseln wir auch den code von der seite wieder.
freundl. Grüsse aus Berlin, Raik
-
ist doch eigentlich nicht so viel dran?
ein transparentes bild, das den zoombereich markiert, onMousemove
relativ zur maus positioniert,
begrenzt auf die grösse des vorschaubildes abzügl. halber
breite/höhe des transp. gif,
grosses bild vorladen und mit clip den anzeigebereich eingrenzen.
angezeigten bereich in der funktion verschieben, die auch das
transp. gif verschiebt.Danke für Deine Hilfe! :-)
Ich hab mich schon einige Stunden damit beschäftigt, irgendwie
komme ich aber nicht so recht auf den Trichter. :(Jetzt habe ich das hier gefunden:
http://persistent.info/files/20040508.magnifier/Das ist ja nahezu perfekt, im Prinzip müsste man es nur noch so modifizieren, dass der Ausschnitt "stehend" ist und die Koordinaten des Cursors beim Überfahren des kleinen Bildes übernimmt und auf die Koordinaten des großen Bildes hochrechnet.
Nur wo setze ich da an?
Der Cursor scheint nur innerhalb des Lupenfeldes abgefragt zu werden ausserhalb bleibt er stehen - zumindest passiert das wenn ich beithis.style.left = Math.round(this.xPosition - 1 - this.size/2) + "px"; // -1 to account for the border
this.style.top = Math.round(this.yPosition - 1 - this.size/2) + "px";in der MagnifierPosition() fixe Werte eintrage.
-
-
-
-
-