Hi Karl, Thanks for the reply but when the page initially loads, there
is no "image3" in the DIV
<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>
so wouldn't I have to add it to the DOM somehow? - Dave
On Mar 3, 9:03 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> 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 Swedbergwww.englishrules.comwww.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- Hide quoted text -
>
> - Show quoted text -
