/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

0 vote241 views1 answer
Html tandc
Html
2 votes464 views5 answers
Pre tag in html
Html
0 vote242 views1 answer
Button glow remove css
Html
7 votes293 views2 answers
Bootsrap card
Html
25 votes256 views1 answer
Html add page to document
Html
45 votes253 views3 answers
Button color bootstrap
Html
18 votes271 views3 answers
How to create white space in html
Html
1 vote245 views2 answers
Convert haml to html
Html
0 vote274 views2 answers
How to put the heading in th ecenter of th html page
Html
1 vote294 views1 answer
Iframe pdf html5
Html