Changing css value via Jquery

Question

Is it possible to change the value of an element in css by using Jquery ?
Something like that :

Var img [
'image1.png'
'image2.png'
'image3.png'
]

var num = 0

button.addEventListener("click", function(){
container.style.backgroundImage = "url(???)";

// button = 'a' simple button here, and 'container' a simple div where the background change
Been a long time since i've used Jquery can't remember how to do some things XD.
Thanks for the help !!!

Answer 1

Kevin Nguma

You cannot set multiple images like that.

You have to iterate array or object)

If it is array then:

for(var v in img) {
$('#divId').css('background-image','url(v)')
}

Answer 2

Kevin Nguma

$('#divId').css('background-image','url(img/123.jpg)')

Answer 3

What if i do something like that ?

$("#divid").css({
'background-image' : 'url(image1.png), url(image2.png), url(image3.png)'
});

Answer 4

Ah ok!

THANK YOU 😁👍👍👍!!!

Answer 5

Many thanks !!!

But is there a way to make sure that when the button is pushed it changes the background-image value to the next (set in var img) ?
In fact, i would like to make it work like an image slider. with a "previous" and "next" button ...
Messy i know XD