Image source change event in jquery

Question

I have a slide show. I want to change my slideshow's wrapper class height and width according to the the current images height and width for that I need to get image<> src load using jquery, I tried following to get image src change event but it is not working,

$('.classname img').load(function(){
});

My concern is about how to get image src change event I got height and width of image. — Prasad, Jan 07 '13 at 05:52

score 1 · Answer 1 · answered Jan 07 '13 at 05:32

1

Try using attr() method, to specify attribute for src property.

Setter

$('.classname img').attr('src','YourImageLocation');

getter

var imgUrl=$('.classname img').attr('src');

answered Jan 07 '13 at 05:32

Ravi Gadag

15,735
5
57
83

actually ravi, I tried that also but then it is not calling my $(document) method so I removed it and left it with above only.I only want to get src change event. – Prasad Jan 07 '13 at 05:34

score 1 · Answer 2 · answered Jan 07 '13 at 05:45

1

You can easily get image height and weight using width() and height(). Anyway, see this - http://jsfiddle.net/xdcj5/ i hope this will help you.

if you need get src attribute of image then you can try like this -

var imgLink = $('img').attr('src');

If even not working then try using live function http://api.jquery.com/live/

answered Jan 07 '13 at 05:45

HADI

2,829
1
26
26

thanks HAD, but I want to get Image src change event, I have images height and width – Prasad Jan 07 '13 at 05:51

score 0 · Answer 3 · edited May 23 '17 at 12:04

0

try

$('.classname img').attr('src', 'image.jpg').load(function() {  
  console.log("image loaded");
});

here is a SO question that might help jQuery event for images loaded

edited May 23 '17 at 12:04

Community

1
1

answered Jan 07 '13 at 05:35

Dakait

2,531
1
25
43

Image source change event in jquery

3 Answers3