how to set an img src variable with jquery?

Question

here my code which is not working properly. (it is working if on line 4 I write $("img").attr("src", image_src_1); )

I guess I have to "variablize" line 4.

<script>
  var image_src_1 = "image.jpg";
  var x = 1;
  var new_source_for_image = "image_src_" + x; // I WANT IT TO BE image_src_1
  $("img").attr("src", new_source_for_image);  // (line 4)
</script>

<body>
  <img src="">
</body>

Doesn't var new_source_for_image = "image_src_" + x need a file extension adding? — JohnnyBizzle
– JohnnyBizzle, Commented Mar 4, 2015 at 15:05

Milind Anantwar · Accepted Answer · 2015-03-04 15:04:08Z

2

that is because new_source_for_image represents name of variable and not variable itself. You need to use .eval() for evaluating the value out of it:

 $("img").attr("src", eval(new_source_for_image));

Working Demo

answered Mar 4, 2015 at 15:04

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

Comments

dudeman · Accepted Answer · 2015-03-04 15:04:13Z

1

Take a look at eval http://www.w3schools.com/jsref/jsref_eval.asp. But, be careful to make sure you trust the data you run through eval. User data can be executed.

answered Mar 4, 2015 at 15:04

dudeman

6034 silver badges11 bronze badges

Collectives™ on Stack Overflow

how to set an img src variable with jquery?

2 Answers 2

Working Demo

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