Bewegte Hintergrundicons bei Mausbewegung!?

[kristalljunge]

Hallo allerseits,

was so sachen wie Java angeht, bin ich da noch voll neu ;)
Ich hab auf ner Internetseite (http://hotelshanghai.de) einen tollen Effekt gesehen.
Ich wüsste leider nicht wonach ich da googeln sollte...

Weiß jemand wonach ich suchen kann?
Und hat im besten Fall irgendwer ein Tipp für ein Template oder sowas?


Beste Grüße
Und Danke nochmal.

 

[ineedmny]

Hallo,

schau dir mal den Quellcode von der Seite an. Da steht schon einiges drin:

<!-- Set Images -->
            <li class="layer" id="object2" data-depth="5.40" style="left:54%;top:52%;"><img src="/img/set/faceyfacey_white/afell.gif" style="-webkit-transform: rotate(-14deg); -moz-transform: rotate(-14deg); -o-transform: rotate(-14deg); -ms-transform: rotate(-14deg);" ></li>

...

Und ganz unten im Quellcode steht:

<script src="/inc/script.js"></script>

In dieser Datei steht dann die Funktion dafür:

function rotate() {
  ...
}

Vielleicht hilft dir das ja weiter. Kannst auf jeden Fall mal nach "Javascript css rotate" oder so suchen ;-)

 

[Sempervivum]

Die Funktion rotate() ist es offensichtlich nicht, denn deren Aufruf ist auskommentiert. Offenbar wird dieser Effekt durch die Funktion parallax() realisiert. Leider ist dies komprimiert, so dass man den Aufbau schlecht analysieren kann. Das Ganze ließe sich problemlos kopieren, aber wegen der Frage des Urheberrechts würde ich davon abraten. Frag doch mal den Betreiber der Seite, ob Du das Skript verwenden darfst.
Einen ähnlichen Effekt bietet dieses Skript:
https://github.com/stephband/jparallax
Wenn Du nach jquery parallax googelst, findest Du u. U. noch mehr.