Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon T-Boy00 vom 03.12.2020, 21:43 Options

Zoomfunktion für Bilder wie in Amazon - Javascript

Hallo,
ich möchte für meine HP so eine Art Bilderzoom wie auf dieser Seite da einrichten (man klick auf einen vergrößern-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 schreiben

Antwort 1 von katy vom 04.12.2020, 08:12 Options

Hallo T-Boy00,

google mal nach der Lightbox.

katy

Antwort 2 von T-Boy00 vom 04.12.2020, 12:57 Options

Hallo katy
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 vom 04.12.2020, 15:53 Options

Hallo T-Boy00,

ich kann da nix verschieben. Was genau soll dein Script können?

katy

Antwort 4 von Flupo vom 04.12.2020, 16:00 Options

Wie das geht, kannst du im Quelltext der Seite nachsehen.
Auf den ersten Blick steht da alles drin, was du dazu brauchst.

Gruß Flupo

Antwort 5 von T-Boy00 vom 04.12.2020, 16:19 Options

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 vom 04.12.2020, 16:22 Options

@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

Antwort 7 von T-Boy00 vom 04.12.2020, 16:41 Options

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/

Antwort 8 von Flupo vom 04.12.2020, 19:28 Options

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

Antwort 9 von katy vom 04.12.2020, 19:45 Options

Hallo T-Boy00,

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 ist also schon recht fortgeschrittene JavaScript-Programmierung.

katy

Antwort 10 von DeluxeStyle vom 04.12.2020, 21:01 Options

Prototype ist ein Javascript Framework
Genau so wie jquery
mit denen kann man so einiges machen

Antwort 11 von katy vom 05.12.2020, 07:32 Options

@DeluxeStyle:
dann taucht es aber nicht in der oben beschriebenen Schreibweise auf sondern als Scriptname.

katy

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..