471,881 Members | 1,253 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,881 software developers and data experts.

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 1248
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 YellowAndGreen | last post: by
reply views Thread by zermasroor | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.