Edit Question - KnowledgeHub

Title Body

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: url( http://localhost:8080/images/1/myImage.png ) Edit #1 Just when i was about to accept the solution. I must say, almost all solution worked in FF. I tried: slice(4,-1); split("(")[1] > then replace ( ")" , "" ); I guess others will also work. But none of the solutions is working in IE. Reason being: while FF returns: url( http://localhost:8080/images/1/myImage.png ) IE Returns: url(" http://localhost:8080/images/1/myImage.png ") ^^ 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.

Tags (comma-separated) Cancel