nicht angemeldet
background-image per button ändern
Hallo Leute...
...nach einem Tag erfolgloser Suche im Netz jetzt ein Hilfeersuchen:
Gibt es eine Möglichkeit, dass man, wenn die Page online ist, durch Klicken eines Buttons das im CSS eingebundene "background-image: url(../../mein_HG1.png)" in ein anderes Bild ändern kann?
Danke im Vorraus, Tom.
-
Mahlzeit toms,
...nach einem Tag erfolgloser Suche im Netz
Nach was und wie hast Du gesucht?
Gibt es eine Möglichkeit, dass man, wenn die Page online ist, durch Klicken eines Buttons das im CSS eingebundene "background-image: url(../../mein_HG1.png)" in ein anderes Bild ändern kann?
http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften@title=Ja.
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:| -
Hi,
ganz hässlich über DOM-Level 1 Code:
<div style="width:100px; height:100px; background-image:url(favourite.jpg);" onclick="this.style.backgroundImage = 'url(secondBestChoice.jpg)';">
</div>-
Hi,
Ich hab ja schon das Stichwort "DOM-Level 1" gegeben.
Schöner is Level 2, oder warum dann nicht gleich Level 3 über's observer-pattern.
-> http://www.mediaevent.de/javascript/event_handler.html
Viel Erfolg!
-
Hi,
Ich hab ja schon das Stichwort "DOM-Level 1" gegeben.
Schöner is Level 2, oder warum dann nicht gleich Level 3 über's observer-pattern.
-> http://www.mediaevent.de/javascript/event_handler.html
Viel Erfolg!danke für die (schnelle) hilfe (?) - und ich versuch mich dann da mal durchzuwurschteln...tom
-
-
-
Hi,
Klicken eines Buttons das im CSS eingebundene "background-image: url(../../mein_HG1.png)" in ein anderes Bild ändern kann?
dann musst du aber auch immer bedenken, dass das Bild erst beim Klick nachgeladen wird - was unter Umständen Zeit braucht.
Entweder eine JS-Function schreiben, die das Bild schon voraus lädt, oder vielleicht beide Bilder in ein BG-Img packen, was dann verschoben wird?Gruß,
Frangoo