jQuery display image issue

Question

I have PHP page where users can upload photos (using Ajax & PHP script). Those uploaded photos (thumbs) are shown after upload in DIV below upload field.

Then, after hitting send button I want to clone that DIV at that same page at message board, bellow other messages with or without uploaded photos.

When I try to do that with:

var pht = $("#photos").clone().addClass('p_pht');

and try to display sent photos bellow sent message like this:

$("div#wall").append('<div class=msg>'+ message +'</div><div class=n_pht>'+ pht +'</div>');

I get jQuery error message "[object Object]" in place where the photos should be displaying.

What am I doing wrong?

rahul · Accepted Answer · 2010-02-24 13:57:50Z

6

Try

pht.html() instead of pht.

$("div#wall").append('<div class=msg>'+ message +'</div><div class=n_pht>'+ pht.html() +'</div>');

If message is also a jQuery object then give message.html().

answered Feb 24, 2010 at 13:57

rahul

188k50 gold badges239 silver badges266 bronze badges

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

1 Comment

Sergio Over a year ago

Thanks. But now I have a problem with jquery plugin "fancybox" (for displaying images). It does not work if I try to call it like: var pht = $("#photos").clone().fancybox(); What is the problem with this plugin?

Collectives™ on Stack Overflow

jQuery display image issue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related