Javascript syntax: inserting the value of a string into a statement

Question

My question is simple but I can't seem to find the solution. I'm changing my html through javascript. I have a header with an image that I want to change every 3 seconds or so. I made an array with the name of the images I want in my cycle.

For changing the image I made a variable with the name of the image. I then try to insert the value of the string into the follow statement:

 imageParent.style.backgroundImage = "url('images/"nextImage".jpg')";

But as you see this is completely the wrong syntax. What is the correct syntax for this?

Thank you! I tried without the spaces, but it didnt work. I was experiencing a bug due to the fact that it was adding .jpg while the files already had a .jpg extension given in the array — Kipt Scriddy
– Kipt Scriddy, Commented Jun 23, 2013 at 16:35

Emil Lundberg · Accepted Answer · 2013-06-23 16:46:35Z

3

What you're trying to do is known as string concatenation. In JavaScript it is most easily done using the + operator:

"url('images/" + nextImage + ".jpg')"

See The + Operator Used on Strings at http://www.w3schools.com/js/js_operators.asp.

edited Jun 23, 2013 at 16:46

answered Jun 23, 2013 at 16:32

Emil Lundberg

7,4006 gold badges40 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andrew · Accepted Answer · 2013-06-23 16:31:19Z

0

try maybe +nextImage+ instead of nextImage

answered Jun 23, 2013 at 16:31

Andrew

1,0279 silver badges17 bronze badges

Collectives™ on Stack Overflow

Javascript syntax: inserting the value of a string into a statement

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related