[jQuery] Re: Can I use jQuery to superimpose one image over part of another?

[Karl Swedberg]

Hi Dave,
You could easily make this happen with CSS alone, or am I missing  
something?

#imageDisplay {
        position: relative;
        width: 200px;
        overflow: hidden;
}

#image3 {  /* give it whatever id you want */
        position: absolute;
        left: 100px;
}


--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Mar 3, 2008, at 4:44 PM, [EMAIL PROTECTED] wrote:


Hi,

Let's say I have this HTML

<div id="imageDisplay" align="center">
       <img id="backside" name="backside" alt="" width="200"
src="image1.gif" />
       <img id="frontside" name="frontside" alt="" width="200"
src="image2.gif" />
</div>

and then I have another image, "image3.gif".  I would like to layer
image3.gif 100 pixels from the left most coordinate of "image1.gif" so
that it appears on top of the other two images.  The parent DIV,
"imageDisplay", is relatively positioned.  Is there a way, using
jQuery, to do what I'm asking that works in both IE and Firefox, don't
care about the other browsers for now.

Thanks, - Dave