Multiple image change throughout document on click

Question

I have a website I'm building that uses background images to display the pictures i want in the divs via CSS

I want to create a single image, that when pressed "ON", toggles different background images for different classes. I would also like this to remain through out the site, so if you change page, it doesn't revert to it's "OFF" state.

is there a j query or java-script that could easily achieve this?

Thanks!

Answer 1

related :

• Switching a DIV background image with jQuery
• Changing background image using jquery
• jquery change background-image

• Jquery background image css change not working

  $(function() {
  $("img")
      .clic(function() { 
          $('.your-element1).css({'background-image':'url(images/your-new-image.jpg)'});
  });