Breaking News: Grepper is joining You.com. Read the official announcement!

onClick Background image Change in Javascript

Shoaib Dev answered on May 4, 2023 Popularity 1/10 Helpfulness 1/10

answer onClick Background image Change in Javascript

onClick Background image Change in Javascript

Comment

<div class="counter-tab">
            <p onclick="changebackground()" class="slider-image-change">
              Start
            </p>
            <p onclick="changebackground1()" class="slider-image-change">01</p>
            <p onclick="changebackground2()" class="slider-image-change">02</p>
            <p onclick="changebackground3()" class="slider-image-change">03</p>
          </div>

<script>
  function changebackground() {
    document.getElementsByClassName(
      "mntn-hero-banner"
    )[0].style.backgroundImage = "url(image/mntn-main-img.png)";
  }

  function changebackground1() {
    document.getElementsByClassName(
      "mntn-hero-banner"
    )[0].style.backgroundImage = "url(image/mountain-image-1.png)";
  }
  function changebackground2() {
    document.getElementsByClassName(
      "mntn-hero-banner"
    )[0].style.backgroundImage = "url(image/mountain-image2.jpg)";
  }
  function changebackground3() {
    document.getElementsByClassName(
      "mntn-hero-banner"
    )[0].style.backgroundImage = "url(image/mountain-image3.jpg)";
  }
</script>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: background-image javascript onclick

Link to this answer
Share Copy Link

Contributed on May 04 2023

Shoaib Dev

0 Answers Avg Quality 2/10

onClick Background image Change in Javascript

Contents

More Related Answers

onClick Background image Change in Javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.