img src variable not working in jQuery

Question

The application is working on dreamweaver but when I try it on Chrome or IE it dones't work. I know where the issue is but I don't now how to fix it. It has something to do with applying variable as an img src. The code is setup at http://jsfiddle.net/v9rxH/

the issue is in the line

 $(".topImage").attr("src", "'" + obj[randomNumA].urlTop + "'");
 $(".middleImage").attr("src", "'" + obj[randomNumB].urlMiddle + "'");
 $(".bottomImage").attr("src", "'" + obj[randomNumC].urlBottom + "'");

when the browser renders it is show

 <img src="'http://placehold.it/300x100&text=SecondBottom'" class="bottomImage">

it's adding additional single quotes(' ') in src. Based on that, I removed the single quotes and it shows the variable as text instead of it's value. What am I missing? Thanks in advance. Rex

Joe · Accepted Answer · 2012-02-17 19:52:56Z

6

You're putting the single quotes around it with "'" - you don't need to, using .attr() handles that for you:

$(".topImage").attr("src", obj[randomNumA].urlTop);
$(".middleImage").attr("src", obj[randomNumB].urlMiddle);
$(".bottomImage").attr("src", obj[randomNumC].urlBottom);

answered Feb 17, 2012 at 19:52

Joe

15.8k4 gold badges52 silver badges84 bronze badges

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

Comments

calebds · Accepted Answer · 2012-02-17 19:55:51Z

2

Remove single quotes from obj[randomNumN].urlTop.

See DEMO.

answered Feb 17, 2012 at 19:55

calebds

26.3k9 gold badges51 silver badges75 bronze badges

Comments

Selvakumar Arumugam · Accepted Answer · 2012-02-17 19:54:02Z

1

Try,

 $(".topImage").attr("src", obj[randomNumA].urlTop);
 $(".middleImage").attr("src", obj[randomNumB].urlMiddle);
 $(".bottomImage").attr("src", obj[randomNumC].urlBottom);

answered Feb 17, 2012 at 19:54

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

Comments

j08691 · Accepted Answer · 2012-02-17 19:56:54Z

1

Use this instead:

$(".topImage").attr("src", obj[randomNumA].urlTop);
$(".middleImage").attr("src", obj[randomNumB].urlMiddle);
$(".bottomImage").attr("src", obj[randomNumC].urlBottom);

jsFiddle example.

answered Feb 17, 2012 at 19:56

j08691

208k33 gold badges269 silver badges281 bronze badges

Collectives™ on Stack Overflow

img src variable not working in jQuery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related