469,323 Members | 1,558 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,323 developers. It's quick & easy.

Image manipulation

I would like to display a series of smaller foreground images on top of a
larger background image and possibly even control the position of the
smaller images dynamically. Is this possible? If so what is the syntax for
placing the small images on top of the large one.
Jul 23 '05 #1
3 1223
In article <6YLwc.49811$pt3.10826@attbi_s03>, Bob Ribokas
<ri*****@comcast.net> wrote:
I would like to display a series of smaller foreground images on top of a
larger background image and possibly even control the position of the
smaller images dynamically. Is this possible? If so what is the syntax for
placing the small images on top of the large one.

The following will work. You may want to look into css styles for much
more detailed information. They will be stacked in the order defined.

<img style="position: absolute; left: 0px; top: 0px;" src="xxx.jpg" />
<img style="position: absolute; left: 50px; top: 50px;" src="yyy.jpg" />
<img style="position: absolute; left: 100px; top: 100px;" src="zzz.jpg"
/>

I'm sure others will show you other ways.

--
Dennis Marks
http://www.dcs-chico.com/~denmarks/
Mail to the return email address is bounced.
Go to web site for active email address.
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----
Jul 23 '05 #2
Thanks Dennis, at least gives me hope that I can do what I want to do.
What I am really looking for though, is a way to do this within Javascript
code, on the fly.
I would like to create smaller images on top of (and relative to) a
background image.
"Dennis M. Marks" <de******@dcsi.net> wrote in message
news:060620041552389680%de******@dcsi.net...
In article <6YLwc.49811$pt3.10826@attbi_s03>, Bob Ribokas
<ri*****@comcast.net> wrote:
I would like to display a series of smaller foreground images on top of a larger background image and possibly even control the position of the
smaller images dynamically. Is this possible? If so what is the syntax for placing the small images on top of the large one.

The following will work. You may want to look into css styles for much
more detailed information. They will be stacked in the order defined.

<img style="position: absolute; left: 0px; top: 0px;" src="xxx.jpg" />
<img style="position: absolute; left: 50px; top: 50px;" src="yyy.jpg" />
<img style="position: absolute; left: 100px; top: 100px;" src="zzz.jpg"
/>

I'm sure others will show you other ways.

--
Dennis Marks
http://www.dcs-chico.com/~denmarks/
Mail to the return email address is bounced.
Go to web site for active email address.
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----

Jul 23 '05 #3
Hi,
You can try DHTML, creating individual layers with different images on
each, then move them around any way you want.

http://www.caoxuan.com/cxk/webart/go...ndexDhtml.html

Kien
Jul 23 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by Rune Johansen | last post: by
6 posts views Thread by Giggle Girl | last post: by
9 posts views Thread by Job | last post: by
9 posts views Thread by zacariaz | last post: by
10 posts views Thread by Pulzar | last post: by
3 posts views Thread by jon | last post: by
8 posts views Thread by shotokan99 | last post: by
12 posts views Thread by laredotornado | last post: by
5 posts views Thread by Jumping Arne | last post: by
reply views Thread by zhoujie | last post: by
reply views Thread by mdpf | last post: by
reply views Thread by harlem98 | last post: by
reply views Thread by listenups61195 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.