jQuery und jParallax, bringen Bewegung ins Web

psd zu html | codingpeople - webdesign trifft html - 20% Rabatt für alle Neukunden

jParallaxParallax Scrolling, ein Effekt der es ermöglicht lediglich mit CSS und HTML, ein wenig Bewegung in Eure Webseiten zu bringen, erfährt nun einen Ausbau. jParallax, ein jQuery-Plugin ermöglicht es nun Bewegung in die Tiefe des Raumes zu bringen und vermittelt damit einen, nennen wir es mal, Pseudo 3-D Effekt. Im Vergleich zum Parallax-Scrolling, was auf die Veränderung der Größe des Viewports reagiert, reagiert jParallax auf die veränderte Position des Cursors. Grafiken die via CSS entsprechend positioniert werden, erzeugen hierdurch ein Gefühl der Bewegung. So könnten bspw. in einem Webshop, Produkte innerhalb eines Regals in Bewegung versetzt werden und somit in den Fokus des Betrachters gerückt werden. Was sich erst links oder rechts des Betrachtungsfokus eines Users befand, kann somit ins Blickzentrum gerückt werden, wie in diesem, allerdings auf Flash basierten, Auftritt. Das in Version 0.6 und im Beta-Stadium befindliche Plugin, ist ganze 12KB groß und bietet interessante Möglichkeiten der Anwendung.

Billomat - Rechnungen Online versenden

  1. Ansgar 11 Sep 2008, 14:42

    Hm, ich mag ja (fast) alles mit jQuery und die Idee des Parallax-Scrollings mag ich schon seit dem C64. Aber wenn ich mir überlege, dass nicht die 12kB des Plugins das Problem sind, sondern die 400kB Grafik und vielleicht sogar mehr, je nach Bild ... da komme ich dann ins Grübeln, ob man nicht lieber Flash nutzt, wo man deutlich bessere Performance hinsichtlich Ladezeit und Abarbeitung erzielen kann und auch mehr Features hat.

    Aber die Frage muss sich jeder selbst beantworten und alternative Möglichkeiten zu haben ist vielleicht nie verkehrt. Zumal man für JavaScript kein Plugin benötigt.


  2. Robert @Talkpress
    11 Sep 2008, 19:56

    Beeindruckender Effekt, auch wenn ich den Verdacht hege, dass er im ersten Überschwang recht inflationär eingesetzt werden wird.

    Die Möglichkeiten von Lösungen, die mit all den JS-Bibliotheken gekommen ist und die früher kaum ohne Einsatz von Flash gelöst wäre, ist einfach beeindruckend. jQuery hat dabei eine auffallend starke Verbreitung gefunden, auch bei den Programmierern "grösserer" Lösungen wie etwa WordPress oder Textpattern - das finde ich richtig.


Artikel kommentieren





XHTML ist erlaubt und ausdrücklich erwünscht, wobei folgende Tags eingesetzt werden können: <a href="" title=""> <abbr title=""> <b> <cite> <code> <em> <i> <strike> <strong>

E-Mail-Abo: Bleiben Sie auf dem Laufenden und Abonnieren Sie den Webstandard-Blog ganz unkompliziert via Feedburner per E-Mai!


authimage