Hallo zusammen,
hat jemand eine Idee, wie der Lupeneffekt in einer Seite wie
http://www.molecule-f.com/13_521_d_jersey-overall-wi…
funktioniert?
Was muss man da in HTML, CSS oder JS programmeren?
Ich komme nicht dahinter, wie es funktioniert.
Schöne Grüße
JoKu
Hallo,
die Lupe funktioniert mit jQuery und einer Erweiterung mit dem Namen „loupe“.
jQuery: http://jquery.com/
loupe: http://jdbartlett.github.com/loupe/
Auf beiden Seiten findest du eine Anleitung, zwar in Englisch, aber leicht verständlich.
Mit freundlichen Grüßen,
clobberstone
Exkurs: HTML, CSS und Programmiersprachen
Hallo!
Was muss man da in HTML, CSS oder JS programmeren?
Mal ein kleiner Exkurs in die Welt de Web-ENtwicklung.
Du hast Recht, sowas muss man programmieren. Damit scheiden HTML und CSS schonmal aus, weil beides sind keine Programmiersprachen.
Anfänger tun sich bisweilen ein wenig schwer, zu begreifen, was HTML und CSS eigentlich machen, daher lass es mich allen Interessierten mal kurz erklären:
HTML ist nur dafür da, dem Inhalt eine logische Bedeutung zu geben, also zu sagen, wo ein Textabsatz ist, was eine Überschrift ist, wo wichtige Textpassagen sind usw. HTML hat auch rein gar nichts mit dem Aussehen der späteren Website zu tun, HTML wird logisch interpretiert. Suchmaschinen und Vorlesebrowser z.B. „sehen“ nur HTML und schließen daraus, wie der Inhalt strukturiert ist. Das Aussehen ist für sie nicht relevant.
CSS ist allein dafür da, das Aussehen einer Website zu bestimmen. Hier wird keinerlei Semantik festgelegt, nur das AUssehen für visuelle Browser. Suchmaschinen und Textbrowser brauchen CSS gar nicht. Für Vorlesebrowser kann man spezielle Einstellungen machen, die nichts mit dem Aussehen zu tun haben, aber die Art des Vorlesens festlegen.
JavaScript hingegen ist eine Programmiersprache (Scriptsprache). Mit ihr können neue Funktionalitäten gebaut werden, wie z.B. eine Lupenfunktion. Hier kann auf Benutzereingaben reagiert werden. All das geht nicht mit HTML oder CSS.
Ich hoffe, ich konnte interessierten Anfängern einen guten Überblick geben und mache vielen auch den Überblick leichter, in welcher der Web-Sprachen gewisse Features umzusetzen sind. Denn es wird natürlich deutlich einfacher, wenn man gar nicht erst HTML oder CSS nach Lupen-Funktionalitäten durchsucht.
Liebe Grüße,
-Efchen