Re: Superimposing one image on anouther

On Apr 8, 12:47 pm, "-Lost" <missed-s... (AT) comcast (DOT) net> wrote:

ampel... (AT) gmail (DOT) com> wrote in message

news:1176033824.069623.21170 (AT) n59g2000hsh (DOT) googlegroups.com...

Hello,
Id like to superimpose a small circle on an image using Javascript and
the Dom.(as a Mouseover)
Any quick tutorials and/or examples
Its very appreciated.
Thanks

Sounds like a job for DHTML. That is, CSS and JavaScript. To be honest, that could be
done with :hover in CSS (remember Internet Explorer only likes :hover on links).

a href=""
img src="" /
span>superimposed</span
/a

a span { display: none; }
a:hover span
{
display: block;
position: absolute;
top: 100px; // or whatever positions your "superimposed" layer better
left: 100px; // or same as above

}

For further CSS assistance you can try this group:
comp.infosystems.www.authoring.stylesheets

If you need further JavaScript assistance, post back.

-Lost

So far so good. Id like to have the upper left corner of my main image
be my 0(zero) point so no mater where the main image moves the top
image will move relative to it.Is this easy?
Any suggestions?
Thanks
Mike

On 2007-04-09, Mike <ampeloso (AT) gmail (DOT) com> wrote:

On Apr 8, 12:47 pm, "-Lost" <missed-s... (AT) comcast (DOT) net> wrote:
ampel... (AT) gmail (DOT) com> wrote in message

news:1176033824.069623.21170 (AT) n59g2000hsh (DOT) googlegroups.com...

Hello,
Id like to superimpose a small circle on an image using Javascript and
the Dom.(as a Mouseover)
Any quick tutorials and/or examples
Its very appreciated.
Thanks

Sounds like a job for DHTML. That is, CSS and JavaScript. To be honest, that could be
done with :hover in CSS (remember Internet Explorer only likes :hover on links).

a href=""
img src="" /
span>superimposed</span
/a

a span { display: none; }
a:hover span
{
display: block;
position: absolute;
top: 100px; // or whatever positions your "superimposed" layer better
left: 100px; // or same as above

}

For further CSS assistance you can try this group:
comp.infosystems.www.authoring.stylesheets

If you need further JavaScript assistance, post back.

-Lost

So far so good. Id like to have the upper left corner of my main image
be my 0(zero) point so no mater where the main image moves the top
image will move relative to it.Is this easy?
Any suggestions?

Yes just make the main image position: relative so it becomes the
containing block for (and therefore also provides the origin for) the
superimposed one.

"Mike" <ampeloso (AT) gmail (DOT) com> wrote

On Apr 8, 12:47 pm, "-Lost" <missed-s... (AT) comcast (DOT) net> wrote:
ampel... (AT) gmail (DOT) com> wrote in message

news:1176033824.069623.21170 (AT) n59g2000hsh (DOT) googlegroups.com...

Hello,
Id like to superimpose a small circle on an image using Javascript and
the Dom.(as a Mouseover)
Any quick tutorials and/or examples
Its very appreciated.
Thanks

Sounds like a job for DHTML. That is, CSS and JavaScript. To be honest, that could be
done with :hover in CSS (remember Internet Explorer only likes :hover on links).

a href=""
img src="" /
span>superimposed</span
/a

a span { display: none; }
a:hover span
{
display: block;
position: absolute;
top: 100px; // or whatever positions your "superimposed" layer better
left: 100px; // or same as above

}

For further CSS assistance you can try this group:
comp.infosystems.www.authoring.stylesheets

If you need further JavaScript assistance, post back.


So far so good. Id like to have the upper left corner of my main image
be my 0(zero) point so no mater where the main image moves the top
image will move relative to it.Is this easy?
Any suggestions?
Thanks

http://devguru.com/technologies/css2/8124.asp

See "relative." This still seems like a purely CSS question to me.

-Lost