Insert img source in javascript

Question

Need replace Read More... and Read Less... with images, buttons.

$("a", $(this).parent()).text($(this).is(':visible') ? 'Read More...' : 'Read Less...');

I tried

$("a", $(this).parent()).text($(this).is(':visible') ? '<img src=images/testeon.jpg>' : '<img src=images/testeoff.jpg>');

But it shows the src url

Alfred · Accepted Answer · 2013-10-11 09:30:29Z

2

Try;

$("a", $(this).parent()).html($(this).is(':visible') ? '<img src="images/testeon.jpg">' : '<img src="images/testeoff.jpg">');

answered Oct 11, 2013 at 9:30

Alfred

21.5k64 gold badges175 silver badges258 bronze badges

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

3 Comments

Daniel W. Over a year ago

String attributes without quotes are invalid HTML.

h2ooooooo Over a year ago

Why not change it so you only use the ternary operator on the image path rather than the full img element?

Alfred Over a year ago

You're welcomw @Ricardo :)

Daniel Klöck · Accepted Answer · 2013-10-11 09:40:56Z

0

You could set a container around of what you want to replace, then just replace its content with jQuery's .html() function

Here is an example

HTML:

<a id="myLink" href="javascript:insertImage();">read more..</a>

JS:

function insertImage()
{
    $("#myLink").html("<img src='http://3.bp.blogspot.com/--Fh64MyRDt0/T3XxC6ZVirI/AAAAAAAAJPo/WqHgsEZ7M8Q/s1600/image.php.jpg' />");
}

This will replace the content of the link ("read more..") with the given image tag.

answered Oct 11, 2013 at 9:40

Daniel Klöck

21.2k10 gold badges98 silver badges159 bronze badges

Collectives™ on Stack Overflow

Insert img source in javascript

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related