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?
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.
Diese Haben aber die (für mich) unschöne Eigenheit, dass jedes Auge sich unabhängig vom anderen bewegt. http://www.fewo-hoffmann.square7.ch/images/global-search-eyes-sprite.gifhttp://www.fewo-hoffmann.square7.ch/images/global-search-eyes-hover-1.gifhttp://www.fewo-hoffmann.square7.ch/images/global-search-eyes-hover-2.gif 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) http://www.fewo-hoffmann.square7.ch/images/Screenshot.png
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. Ein mousemove() Event, welches ja nach Position des Cursors die background-position des ersten GIFs ändert, respektive es gegen die anderen beiden austauscht.
