473,378 Members | 1,383 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,378 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 1273
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Rune Johansen | last post by:
Hi. I'm doing some image manipulation in an applet using the example code on this page: http://www.akop.org/art/pixels3.htm However, I really want an application rather than an applet, I just...
6
by: Giggle Girl | last post by:
Overall Background: I am in charge of migrating an already-made Content Mangement System from ASP to PHP. I do not know PHP -- yet! I am trying to foresee potential issues, and here is one. ...
2
by: | last post by:
Hello All, I am writing a web application that reads a bitmap from a file and outputing it to a HTTP response stream to return the image to the requesting client. The image file is a regular...
9
by: Job | last post by:
Hi, I would like to find out what ASP/ASP.net can do with image manipulation. Does ASP have built in functions (eg. after upload to server) to manipulate images, like rotate, scale, crop etc.?...
9
by: zacariaz | last post by:
I dont know, and i dont much like javascript, however, i am told that the only way to do want i want to do, is with javascript, so here goes. zoom and cut is the only features i need. 1. the...
10
by: Pulzar | last post by:
Hi there, I want to show a simple image on a web page, and allow the viewer to select and change one of the colours used in the image, and immediately preview the result. I'd like to keep the...
3
by: jon | last post by:
Hello, I've had long standing code that runs in IE, that I'm testing with firefox unsuccessfully now. The problem seems to be that images that I dynamically create don't fire their onload event...
8
by: shotokan99 | last post by:
i have this situation. i have a query string: http://www.myquerystring.com?x=xxxxx what this url does is it will return or start downloading a .png file. what i wanted to do is trap this png...
12
by: laredotornado | last post by:
Hi, I'm using PHP 5. I was wondering given an image, a.jpg, how can I make an image that would look like you slid a white index card (which I have a file, white.jpg with the same dimensions as...
5
by: Jumping Arne | last post by:
I'm going to try to write some imange manipulation code (scaling, reading EXIF and IPTC info) and just want to ask if PIL is *THE* library to use? I looked at...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

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.