On changing an image source to the source of another image with jquery

Question

Should the following code not work?

$('.elastica').click(function(){
    document.getElementById('bigimage').attr('src')= $(this).attr('src');
});

It doesn't change a thing on the site. I've also tried this outputting the image location trough the the other image's id, but it comes up empty (literally ""). When I output the other image's src to a div box with innerHTML for texting, it comes up as undefined.

Either way it won't update bigimage's src.

Nirmal · Accepted Answer · 2010-09-07 06:58:54Z

1

$('.elastica').click(function(){
    $('#bigimage').attr('src', $(this).attr('src'));
});

answered Sep 7, 2010 at 6:58

Nirmal

9,56711 gold badges61 silver badges82 bronze badges

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

6 Comments

Shay Erlichmen Over a year ago

you should go jQuery all the way: $('#bigimage').attr('src', $(this).attr('src'));

serv-bot 22 Over a year ago

Thanks, this was it, I will accept your answer when I'm allowed. I wish I could choose you twice, for the very swift answer! There was only one problem... $(this).attr('src') is an anchor, which has no src. To fix this, I used $(this).find('img').attr('src');

serv-bot 22 Over a year ago

Nirmal, you should edit your code so as not to confuse someone who came here looking for the answer. The anchor you are using has not src attribute.

Nirmal Over a year ago

@serv-bot 22: Your question does not mention what element the click function is applied to. An onclick event can be even applied to an image. I shall leave the answer as long as you don't change the question.

Nirmal Over a year ago

To refer to the src of the img element inside the anchor, you can use $("img", this).attr("src");. The second parameter this will tell jQuery in which context the img element should be searched.

|

Reigel Gallarde · Accepted Answer · 2010-09-07 07:06:16Z

0

document.getElementById('bigimage') isn't a jQuery object so you cant use jquery function attr on it. You can do it like this:

$(document.getElementById('bigimage')).attr('src', $(this).attr('src'));

but you can also use jquery selector engine to get #bigimage:

$('#bigimage').attr('src', $(this).attr('src'));

edited Sep 7, 2010 at 7:06

Reigel Gallarde

65.4k21 gold badges126 silver badges142 bronze badges

answered Sep 7, 2010 at 7:01

giolekva

1,1782 gold badges11 silver badges24 bronze badges

1 Comment

serv-bot 22 Over a year ago

I just figured it out on my own. I was using the anchor, which has no src. To fix this, I used $(this).find('img').attr('src');

Collectives™ on Stack Overflow

On changing an image source to the source of another image with jquery

2 Answers 2

6 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related