Zmiana background-image znacznika body w js

Question

witam wie ktoś jak przerobić ten skrypt by po najechaniu myszką na przycisk pierwszy zmienił się background-image dla sekcji body na bgblur1.jpg po najechaniu na drugi na bgblur2.jpg i za kazdym razem jak odjedzie wrócił do bgblur.jpg 

    jQuery(document).ready(function() {

    $(".przycisk").mouseover(function() {
    $(this).css('background-image:url("images/bgblur1.jpg");');
    })
    
     $(".przycisk").mouseover(function() {
     $(this).css('background-image:url("images/bgblur2.jpg");');
     })

    .mouseout(function() {
     $(this).css('background-image:url("images/bgblur.jpg");');
      });

 

Answer 1

nie wiem o co dokładnie Ci z tymi zmianami chodzi, ale tak czy inaczej źle masz napisany kod jQuery. Mógłbyś np to za pomocą jednego .hover zrobić i dwie funkcję tam wstawić. Pierwsza uruchamia się wtedy, gdy najeżdżasz na element, a druga kiedy go opuszczasz.

$(".przycisk").hover(
    function(){
    $(this).css('background-image', 'images/bgblur1.jpg');
    },
    function() {
     $(this).css('background-image', 'bgblur2.jpg)');
      }
    );

w css() oddziela się właściwość od wartości przecinkiem i działa ;)

 

Comments

Chodzi mi o to że na stronie mam dwa przyciski obok siebie i po najechaniu na jeden background-image zmienia się na jeden z obrazów a po najechaniu na drugi zmienia się na drugi z obrazów a po "wyjeździe" z przycisków wrócił do tego obrazu jaki był na samym początku

---

no to myślę, że mój kod powinien rozwiązać Ci problem. Musisz sobie go tylko lepiej dopasować ;)