/Javascript/jQuery/Change background image with jquery

Change background image with jquery

Change background colour jquery

$(document).ready(function() {
  $("button").mouseover(function() {
    var p = $("p#44.test").css("background-color", "yellow");
    p.hide(1500).show(1500);
    p.queue(function() {
      p.css("background-color", "red");
    });
  });
});

Source: stackoverflow.com

Change background image with jquery

jQuery(document).ready(function($) {
    $('.bg-image').css("background-image", "url('myurl.jpg')");
});

Source: tutorialspoint.com

Add background image to div using jquery

var imageUrl = "images/sky.jpg";
$(".div_with_class").css("background-image", "url(" + imageUrl + ")");

Jquery add style background-image

$('myObject').css('background-image', 'url(' + imageUrl + ')');

Source: stackoverflow.com

Similar codes

1 vote192 views1 answer
Detecting screen width in jquery
Javascript jQuery
9 votes212 views6 answers
Jquery remove css
Javascript jQuery
0 vote190 views1 answer
Jquery extend
Javascript jQuery
236 votes802 views6 answers
Jquery timeout
Javascript jQuery
14 votes179 views2 answers
Jquery set text of h1
Javascript jQuery
0 vote195 views1 answer
Reload page jquery timer
Javascript jQuery
23 votes201 views6 answers
Get name of input jquery
Javascript jQuery
0 vote201 views1 answer
Dynamic select option dropdown in jquery
Javascript jQuery
0 vote226 views1 answer
Jquery set style background image
Javascript jQuery
0 vote220 views1 answer
$(this).text() in jquery return white space
Javascript jQuery