I am trying to change the image src attribute using jQuery
jQuery("#imageID").attr('src','http://localhost:8080/images/1/myImage.png' );
using the above code i can change the src attribute, but when i try this:-
jQuery("#imageID").attr('src',jQuery("#imageBlock").css('background-image') );
i am unable to change the src.
provided
alert ( jQuery("#imageBlock").css('background-image') );
returns:
Edit #1 Just when i was about to accept the solution. I must say, almost all solution worked in FF. I tried:
I guess others will also work. But none of the solutions is working in IE. Reason being: while FF returns:
IE Returns:
^^ mind the quotes here
Now, what could be the generic way to set the src attr. Do i need to test the browser if it is IE or not?
This is the working code.
var src = "";
if ( jQuery.browser.msie ) {
src = jQuery("#imageBlock").css('background-image').slice(5,-2);
}else{
src = jQuery("#imageBlock").css('background-image').slice(4,-1);
}
jQuery("#imageID").attr('src', src );
I really don't like it :x. If there is another solution than this, then please let me know or else i will accept the slice
solution straight away.