Supportnet / Forum / Webseiten/HTML
Zoomfunktion für Bilder wie in Amazon - Javascript
Frage
Hallo,
ich möchte für meine HP so eine Art Bilderzoom wie auf [url=http://www.amazon.de/gp/product/images/B0015U6TZE/sr=8-3/qid=1228336805/ref=dp_image_z_0?ie=UTF8&n=562066&s=ce-de&qid=1228336805&sr=8-3]dieser[/url] Seite da einrichten (man klick auf einen [i]vergrößern[/i]-Button und das Bild vergrößert sich und man kann es verschieben). Bis jetzt habe ich noch kein Skript gefunden. Vielleicht könnt ihr mir da weiterhelfen ??
MfG
T-Boy00
Antwort 1 von katy
Hallo T-Boy00,
google mal nach der Lightbox.
katy
google mal nach der Lightbox.
katy
Antwort 2 von T-Boy00
Hallo katy
es sollte sich aber keine Lightbox öffnen, sondern das Bild soll an seiner Stelle bleiben. Eben so wie bei dem Link da.
es sollte sich aber keine Lightbox öffnen, sondern das Bild soll an seiner Stelle bleiben. Eben so wie bei dem Link da.
Antwort 3 von katy
Hallo T-Boy00,
ich kann da nix verschieben. Was genau soll dein Script können?
katy
ich kann da nix verschieben. Was genau soll dein Script können?
katy
Antwort 4 von Flupo
Wie das geht, kannst du im Quelltext der Seite nachsehen.
Auf den ersten Blick steht da alles drin, was du dazu brauchst.
Gruß Flupo
Auf den ersten Blick steht da alles drin, was du dazu brauchst.
Gruß Flupo
Antwort 5 von T-Boy00
Also wenn man unter dem Bild auf Vergrößern klickt, wird das Bild ja rangezoomt. Jetzt sieht man eben das Bild vergrößert. Aber wenn man jetzt die Maus über das Bild bewegt und die Maustaste gedrückt hält, kann man den Bildausschnitt verschieben
Antwort 6 von katy
@Flupo:
wenn das ein Witz sein soll, dann ist es kein guter. Wie um Himmels Willen soll denn T-Boy in dem Spaghetticode-Chaos von AMAZON irgendetwas relevantes finden?
katy
wenn das ein Witz sein soll, dann ist es kein guter. Wie um Himmels Willen soll denn T-Boy in dem Spaghetticode-Chaos von AMAZON irgendetwas relevantes finden?
katy
Antwort 7 von T-Boy00
Hab bis jetzt erst ein Objekt names DynAPI gefunden. Das hat ein unterobjekt namens Prototype......
Die eigentliche Zoomfunktion heißt viewerZoomIn(). Hab das ganze mit Web Developer untersucht aber dabei kommt nichts gescheites heraus
Habe mich erstmal mit diesem Skript da zufrieden gegeben:
http://www.magictoolbox.com/magiczoom_examples/
Die eigentliche Zoomfunktion heißt viewerZoomIn(). Hab das ganze mit Web Developer untersucht aber dabei kommt nichts gescheites heraus
Habe mich erstmal mit diesem Skript da zufrieden gegeben:
http://www.magictoolbox.com/magiczoom_examples/
Antwort 8 von Flupo
Nö, bei Witzen hänge ich Smileys dran.
Ich hab ja nicht gesagt, dass es einfach ist.
Ich gehe sowas immer so an, dass ich die Seite lokal abspeichere und dann Stück für Stück "entmülle".
D.h. Codeschnipsel löschen und gucken, ob es noch funktioniert. Wenn man Glück hat, bleibt am Ende der erforderliche Code über.
Auf die Art lernt man so nebenbei auch noch, wie das Zeug funktioniert.
Gruß Flupo
Ich hab ja nicht gesagt, dass es einfach ist.
Ich gehe sowas immer so an, dass ich die Seite lokal abspeichere und dann Stück für Stück "entmülle".
D.h. Codeschnipsel löschen und gucken, ob es noch funktioniert. Wenn man Glück hat, bleibt am Ende der erforderliche Code über.
Auf die Art lernt man so nebenbei auch noch, wie das Zeug funktioniert.
Gruß Flupo
Antwort 9 von katy
Hallo T-Boy00,
Das ist also schon recht fortgeschrittene JavaScript-Programmierung.
katy
Zitat:
Das hat ein unterobjekt namens Prototype
prototype ist kein Unterobjekt, sondern weist diesem Objekt die besondere Eigenschaft zu, dass alle Objekte des gleichen Typs darüber verfügen.Das hat ein unterobjekt namens Prototype
Das ist also schon recht fortgeschrittene JavaScript-Programmierung.
katy
Antwort 10 von DeluxeStyle
Antwort 11 von katy
@DeluxeStyle:
dann taucht es aber nicht in der oben beschriebenen Schreibweise auf sondern als Scriptname.
katy
dann taucht es aber nicht in der oben beschriebenen Schreibweise auf sondern als Scriptname.
katy