change img src with jQuery

Question

There are many answers on SO that show how to set an img src with .attr in jQuery. For some reason this is not working.

<img id="imgMap" style="position:absolute;bottom:7px;right:7px;width:250px;height:250px;" /> <script> $(function () { $("#imgMap").attr( 'src', 'http://maps.googleapis.com/maps/api/staticmap?center=41.886456,-87.62325&zoom=14&size=250x250&sensor=false&markers=color:blue%7Clabel:S%7C41.886456,-87.62325'); }); </script>

But the exact same url put inline in the HTML works fine

<img id="imgMap2" runat="server" src="http://maps.googleapis.com/maps/api/staticmap?center=41.886456,-87.62325&zoom=14&size=250x250&sensor=false&markers=color:blue%7Clabel:S%7C41.886456,-87.62325" style="position:absolute;bottom:7px;right:7px;width:250px;height:250px;" />

setting 'src' of a div element wont do anything. you should rather use iframe. — FatalError
– FatalError, Commented Jul 23, 2012 at 16:20

Adam Merrifield · Accepted Answer · 2012-07-23 16:24:48Z

1

This works fine: http://jsfiddle.net/ypDZw/

answered Jul 23, 2012 at 16:24

Adam Merrifield

10.4k4 gold badges44 silver badges60 bronze badges

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

1 Comment

Scott Selby Over a year ago

there was one letter typo in the url - I'll accept this , because these other answers are very bad

Harish Ambady · Accepted Answer · 2012-07-23 17:07:46Z

0

your code works fine for me, here is the link: jquery set attribute value

answered Jul 23, 2012 at 17:07

Harish Ambady

13.2k4 gold badges32 silver badges56 bronze badges

Collectives™ on Stack Overflow

change img src with jQuery

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related