That was easy! Thanks, - Dave
On Mar 4, 8:35 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> Ah, I get it. yeah. you want to add the image via jQuery? Well, keep
> the css, but now do this:
>
> $(document).ready(function() {
> $('<img src="image3.gif" alt="" />').appendTo('#imageDisplay');
>
> });
>
> --Karl
> _________________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Mar 4, 2008, at 6:59 PM, [EMAIL PROTECTED] wrote:
>
>
>
>
>
> > 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 -- Hide quoted text -
>
> - Show quoted text -
