Connecting Tech Pros Worldwide Forums | Help | Site Map

Image manipulation

Bob Ribokas
Guest
 
Posts: n/a
#1: Jul 23 '05
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.



Dennis M. Marks
Guest
 
Posts: n/a
#2: Jul 23 '05

re: Image manipulation


In article <6YLwc.49811$pt3.10826@attbi_s03>, Bob Ribokas
<ribokas@comcast.net> wrote:
[color=blue]
> 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.
>
>[/color]
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! =-----
Bob Ribokas
Guest
 
Posts: n/a
#3: Jul 23 '05

re: Image manipulation


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" <denmarks@dcsi.net> wrote in message
news:060620041552389680%denmarks@dcsi.net...[color=blue]
> In article <6YLwc.49811$pt3.10826@attbi_s03>, Bob Ribokas
> <ribokas@comcast.net> wrote:
>[color=green]
> > I would like to display a series of smaller foreground images on top of[/color][/color]
a[color=blue][color=green]
> > larger background image and possibly even control the position of the
> > smaller images dynamically. Is this possible? If so what is the syntax[/color][/color]
for[color=blue][color=green]
> > placing the small images on top of the large one.
> >
> >[/color]
> 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! =-----[/color]


Kien
Guest
 
Posts: n/a
#4: Jul 23 '05

re: Image manipulation


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
Closed Thread


Similar JavaScript / Ajax / DHTML bytes