CODEWITHSUNDEEP
javascriptjqueryhtml
Claudiu Creanga
Claudiu Creanga

Reputation: 8386

change img src not working for some reason

If somebody can tell me why this code fails to change the src of that image on a click of a link. It is very simple and easy for someone who knows javascript. I made a jsfiddle: http://jsfiddle.net/WWvfP/1/

<ul id="nav">
            <li><a href="#" id="home_mic">Contact</a></li>
            <li><a href="#" id="services_mic">Services</a></li>
            <li><a href="#" id="prices_mic">Prices</a></li>
            <li><a href="#" id="contact_mic">About</a></li>
</ul>

<div id="imageWrap">

<img src="http://placehold.it/80x80" id="mainImage" style=""/>

</div>

<script language="javascript">
  $("#home_mic").click(function(event){
  $("#mainImage").attr("src","http://placehold.it/80x40");
});</script>

Upvotes: 0

Views: 1338

Answers (1)

Florian Margaine
Florian Margaine

Reputation: 60825

Your code is correct. You just didn't select jQuery as JS framework in the jsfiddle.

Corrected jsfiddle: http://jsfiddle.net/Ralt/WWvfP/4/

Upvotes: 2

Related Questions