Hey..
I have a thumbnail and a full size image that i want to load dynamically on my page.
The thing is.. if I load the smaller image - ie., the thumbnail - then it shows properly on screen.
But if I load the actual full size image, then another div, with a class of ui-wrapper is created around my image.
And it would not show the image.
Here's my code:
var walldiv = "<div id='wall' class=\"wall\" style=\"position:absolute; display:none; left:50px; top:50px;\"> <img id='wallimg' src=\""+fullimageurl+"\" /> </div>";
If I write the above code, then a div with ui-wrapper class get created around the tag. And the full size image doesnt show or load at all.
But if I write the following code where I am just loading the smaller thumbnail, then there's no problem and the code runs perfectly.
var walldiv = "<div id='wall' class=\"wall\" style=\"position:absolute; display:none; left:50px; top:50px;\"> <img id='wallimg' src=\""+thumbnailurl+"\" /> </div>";
Any help here ?