Home/ Questions/Q 8370861
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T14:00:58+00:00

I am trying to add an image on top of multiple divs when the

  • 0

I am trying to add an image on top of multiple divs when the user clicks a button.

so

 ----------
|          |
 ----------
 ----------
|          |
 ----------
 ----------
|          |
 ----------
 ----------
|          |
 ----------

button

after click a button

oo means image

 ----------
|oo        |
 ----------
 ----------
|          |
 ----------
 ----------
|oo        |
 ----------
 ----------
|          |
 ----------

I am not sure how to accomplish this. Any hints would be appreciated. Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m going to go with a different assumption than “every other one”. Here’s a jsfiddle for demonstration

    This solution allows for any arbitrary divs to gain an image upon button click, so long as you’ve identified them or tagged them in some way. So…

    If your DOM identified which elements should gain a picture through some class naming:

    <div class="yes"> </div>
<div class="no"> </div>
<div class="yes"> </div>
<div class="no"> </div>
<button id="button">Click me</button>​

    And with some CSS like follows:

    .picture{
    background-image: url("http://lorempixel.com/200/100/")
}

    All you need is a function like so:

    $('#button').on('click', function() {
    $('.yes').addClass("picture");
});​

    ​

    • 0