/Html/How to change background image in html

How to change background image in html

<style>
div {
  background-image: url('img_girl.jpg');
}
</style>

Adding background image

body{background-image: url("paper.gif");}

How to change background image in html

<head>

<style>
body{
  width: 1366px;
  height: 768px;
}</style>


</head>


<body id="imageChange">
<script>
// onload document window using jquery
$().ready(function(){
  var i = 0;
  
//   Background Images
  var images = [
    'https://picsum.photos/id/237/200/300',
    'https://picsum.photos/200/300?grayscale',
    'https://picsum.photos/200/300/?blur'
  ]
  
//   pick body element ID
  var image = $('#imageChange')
  
//   set initial background-image
  image.css('background-image', 'url(https://picsum.photos/200/300/?blur)')
  
//   change image every after 3 seconds
  setInterval(function(){
    image.fadeOut(1000, function(){
      image.css('background-image', 'url(' + images [i++] +')')
      image.fadeIn(1000)
    })
    if(1 == images.length)
      i = 0
  }, 3000)
})
</script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
</body>

Similar codes

7 votes229 views2 answers
How to redirect a page to another url in html
Html
0 vote224 views1 answer
Attribute syntax
Html
5 votes224 views2 answers
Js onclick function call
Html
0 vote219 views1 answer
Hand cursor not showing in anchor tag when hover html
Html
1 vote270 views1 answer
Uncaught TypeError: Failed to execute 'insertAdjacentElement' on 'Element': parameter 2 is not of type 'Element'
Html
0 vote232 views1 answer
Bootstrap 2 rows menu
Html
0 vote248 views1 answer
How to delete rect in canvas html
Html
9 votes225 views2 answers
Get svg code from uploaded svg file
Html
4 votes218 views1 answer
Html.ActionLink with parameters
Html
0 vote231 views1 answer
What to use for double quotes in html
Html