Hintergrundbild auf Knopfdruck ändern

[TimstaBeam]

Hallo,

ich bin gerade an einer Website und möchte jetzt, dass meine Besucher das Hintergrundbild auf Knopfdruck ändern können.

Ich habe schon alles bereit: Schalter Grafik und zwei Hintergründe.

Nur Javascript kann ich nicht :|

Könnte Hilfe gebrauchen.

MfG. Tim

 

[Cheffchen]

Hallo,

mit jquery dürfte das gehen.
ist vielleicht nicht schön aber dürfte vielleicht sogar funktionieren.

head

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("#bg1").click(function (){
        $('.logo_preview').toggle(function() {
        $('.logo_preview').css('background-image', 'url(BGbild.jpg)');
        }, function() {
        $('.logo_preview').css('background-image', 'url(BGbildalt.jpg)')
        });
});
</script>

im body

<img id="bg1" src="bildschalter.jpg">

Cheffchen

 

[TimstaBeam]

Ne hab jetzt ein bisschen rumprobiert und habe immer noch keine Lösung gefunden.

Das klappt auch nicht.

 

[Cheffchen]

Hallo,

ja hatte auch flasche classen drin stehen.

click background-image einfügen - jsFiddle

Cheffchen

 

[Cheffchen]

ach so, so ist es richtiger mit classen das zu machen.
hier ein aktives funktionierendes beispiel.

mal auf eins der zwei bilder klicken.
www.jsfiddle.net/Cheffchen/DLMhH/1/
der code steht links oben im fenster.

Cheffchen

 

[TimstaBeam]

Also das letzte klappt bei mir nicht. Aber ich habe jetzt den Code davor genommen und ihn zwei Mal mit der ID bg1 und bg2 eingefügt.

Für mich ist es erledigt, danke :)