Animiertes gif mit Mouseonhover

[AME]

Hallo Leute,

vielleicht kann mir hier weitergeholfen werden. Ich möchte ein GIF von einer Türe animieren. Sobald man mit der Maus über die Türe fährt soll darüber ein zweites Bild eingeblädet werden in dem diese Türe geöffnet ist.

Ist soetwas möglich?

Danke schon im Voraus für die Antworten.

LG Alex

[gelöschter User]

...10-15 Jahre alte Technik, würde ich mal sagen - völlig verstaubt.


Hier gibts viele gut gemachte Beispiele für die "hover"-Efekte, die du auch kostenlos runterladen und modifizieren kannst:
http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/

[AME]

Hallo,

und danke für die Antwort. Möglicherweise werde ich aber genau diese verstaubte Technik brauchen. Ich mache nämlich 360x180 Grad Panoramen. Und diese möchte ich direkt auf der Webseite als Raum darstellen. In diesen 360x180 Grad-Player gibt es hierfür leider nur einen effekt für Flasch. Somit benötige ich auch eine Lösung die mit HTML5 funktioniert. Das Bild darstellen und mit css-funktionen bearbeiten funktioniert leider nicht.

LG Alex

[gelöschter User]

Aso! Kein schnöder Button sondern eine Art Player wird gesucht.



Flash = ganz böse; und hätte schon vor Jahren im ewigen Feuer des Schicksalsberges elendig abgefackelt gehört...


Sieh dir mal das an:

http://jquery.vostrel.cz/reel

Dieses Plugin ist wie ein Code zu benutzen, unabhängig vom Browser und Betriebssystem - läuft also auch auf Smartphones/Tablets.

[AME]

Hallo Haakenson,

also einen Player hab ich schon. Schau mal hier (http://www.virtual-guide.at/tours/dom_st_martin/). Nur möchte ich dass wenn man mit dem Mauszeiger über die Türe fährt sich diese öffnet. In dieser Führung ist nur ein Button wo man in den nächsten Raum kommt.

LG

[gelöschter User]

Hallo!

Wenn es nach mir ginge, würde ich mir von Anfang an überlegen:
WER soll später WOMIT meine Panoramen betrachten können?

Wenn du ausschließlich auf Flash setzt, schließt du im Vorhinein eine verdammt große Zielgruppe aus. Nämlich alle, die deine Seite mit einem mobilen Endgerät betrachten. (ohne sich dafür irgendwelche zusätzlichen Apps installieren zu müssen)

Mir sind einige Leute im fortgeschrittenen Alter bekannt, die sich aufgrund der einfachen Bedienbarkeit/Handhabung dazu entschieden haben, ihren in die Jahre gekommenen stationären Rechner zu Hause, durch ein Tablet zu ersetzen.

Wenn du Panoramen von historisch wertvollen Gebäuden anbietest, darfst du diese Zielgruppe auf keinen Fall außer Acht lassen!

Auf deiner Seite fehlt mir zudem eine Art "Anleitung".
Wie soll der Besucher wissen, dass er mittels drag&drop duch das Panorama navigieren kann?

Immer vom DaU ausgehen (DaU = Dümmster anzunehmender User :-)

-

Hab da noch eine Flash-freie Lösung gefunden:
http://pannellum.org