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 Swedberg
www.englishrules.com
www.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 -
