Hallo ich hab da eine kleine Mouseover Geschichte gebastelt für meine Homepage, irgendwie läuft die aber nicht so wie ich das gerne hätte.

Ich hätte gerne das ich auf den Knopf komme und das Bild sich wechselt in das mit dem Rauch! Dann kann man drauf klicken und das große Bild geht auf, danach evtl mit nem Infotext auf dem Bild wegen der letzten Ebene die verlinkt ist zu einem Shop zb.

Und wie kann ich das Teil dann abspeichern das ich es immer wieder im kompletten auf der Webseite einfügen kann und nur die Bilder austauschen muss und skalieren.

https://www.dropbox.com/s/uhi9b078f1h7mlt/Button_vorlage.web?dl=0

Wäre toll wenn ihr mir helfen könnt