rolling eyes

[erik.design]

Hi,
ich habe etwas auf einer Website gesehen, und das möchte ich auch gern haben. Es handelt sich um ein Augenpaar, was vom Blick her immer meiner Maus folgt. Es ist oben rechts neben der Suchleiste.
http://eur.burton.com/on/demandware.store/Sites-Burton_EU-Site/default/Home-Show
Ich habe mir die Codes angeschaut, und habe versucht, diesen bei mir zu integrieren. Nur leider werden die gif-Dateien nicht richtig angezeigt, wenn ich die Seite speicher.
Kann mir jemand diesen Code "isolieren" oder gibt es jemanden, der so einen Code hat?

MfG

 

[methosiea]

Das gif: hier! Denn Code wirst du, wegen der Verschleierung, nicht auslesen können. Jedoch kannst nachschreiben. Mouseposition wäre etwas schwierig; Habe noch nie Mausposition in Javascript gesehen.

 

[erik.design]

Es gibt 3 gifs. Die habe ich aber schon alle. Ich probieren es weiter.

 

[Sempervivum]

Bei Javascriptkit gibt es etwas ähnliches:
http://www.javascriptkit.com/script/script2/xeye.shtml
oder dieses mit JQuery:
http://www.senamion.com/blog/jeye.html
das beste scheint mir dieses zu sein:
http://userbag.co.uk/development/javascript-eyes-that-follow-the-cursor/
Etwas anders ist dieses hier:
http://ulrichbangert.de/home_eyes.htm

 

[erik.design]

Diese Haben aber die (für mich) unschöne Eigenheit, dass jedes Auge sich unabhängig vom anderen bewegt.

Das sind die 3 Gifs welche je nach den, wo der Mauszeiger sich befindet angezeigt werden. Wenn dieser sich unten rechts der Augen befindet, wird der gif ausschnitt unten rechts gezeigt, unten, der Ausschnitt unten Mitte, usw.
Aber das beste: Es wird die 2. gif / oder die 3. gif angezeigt, wenn man mit dem Mauszeiger auf die Augen geht. Sie erscheinen fast immer abwechseld.(Also 2.gif - 3.gif -2. gif - 2.gif -3.gif - 2.gif - 3. gif - 3.gif und dann wieder von vorn)

Es wird je nach dem, wo sich der Mauszeiger befindet, ein Ausschnitt der 1. Gif angezeigt.
Also:
gelb=oben links
rot= oben mitte
orange= oben rechts
blau= mitte links
ohne Farbe= Mitte
rosa= mitte rechts
türkis= unten links
grün= unten mitte
dunkel blau: unten rechts

Kann man da etwas draus machen?
MfG erik.design

 

[Tronjer]

Kann man da etwas draus machen?

Kann man. Ein mousemove() Event, welches ja nach Position des Cursors die background-position des ersten GIFs ändert, respektive es gegen die anderen beiden austauscht.

http://api.jquery.com/mousemove/