Ad:

HTML and CSS Discussion Thread
Unsolved
Views: 10436

Sep 15th, 2005

rotate pictures in a mapped image space?

Expand Post »

This might be a little confusing, so please bare with me. I know how to map an image, but the thing is I don't really care about it going to the link after I click on the mapped space. What I want is to have rotating pictures in the mapped Space, but im not sure if this is possible.

If this is possible, could you please tell me how to do this?

Similar Threads

What's the HARDEST program you've written? in Computer Science
how to load an image to a form in Visual Basic 4 / 5 / 6
Space at the bottom of a linked Image in HTML and CSS
Info in Database converted to Chart in Visual Basic 4 / 5 / 6

server_crash

Reputation Points: 113

Solved Threads: 19

Postaholic

Offline

2,108 posts
since Jun 2004

Permalink

Sep 15th, 2005

Re: rotate pictures in a mapped image space?

Define "rotating". Do you mean, load a series of images (place different images "sequentially" or "in a rotating series"?

Or, do you physically want to change the "angle" of an image? IE has some filters for this, but they definitely aren't cross-browser.

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

Permalink

Sep 15th, 2005

Re: rotate pictures in a mapped image space?

I mean loading up a series of images. It's basically like a banner advertisement,but I want it over an image, and I can't use the div tag.

server_crash

Reputation Points: 113

Solved Threads: 19

Postaholic

Offline

2,108 posts
since Jun 2004

Permalink

Sep 15th, 2005

Re: rotate pictures in a mapped image space?

Let's see what you've already coded.

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

Permalink

Sep 16th, 2005

Re: rotate pictures in a mapped image space?

Right now I've got a different approach. I couldn't figure out how to map it for a rotating image banner, so I did this:

The image is really large, so I broke it up into two pieces. The second piece is what would contain the images if it were mapped, but since I don't know how I just drew the image on the second piece of the image. I simply did that by javascript:

HTML and CSS Syntax (Toggle Plain Text)
		<script language="javascript">
			var pictureNum = 1;
			function rotatePicture()
			{
				if (++pictureNum > 5)
				{
					pictureNum = 1;
				}
					ncp.src = "ncp" + pictureNum + ".jpg";
					window.setTimeout('rotatePicture();',1000);
			}
		</script>
 
and then the image looks like this:
 
				  <img src="nc1.jpg"><img name="ncp" src="ncp1.jpg">
		<script language="javascript">
			var pictureNum = 1;
			function rotatePicture()
			{
				if (++pictureNum > 5)
				{
					pictureNum = 1;
				}
					ncp.src = "ncp" + pictureNum + ".jpg";
					window.setTimeout('rotatePicture();',1000);
			}
		</script>

and then the image looks like this:

				  <img src="nc1.jpg"><img name="ncp" src="ncp1.jpg">

That works fine for now, but even after splitting the image up it's still fairly large. I did try the <div> tag with some attributes, but that keep it over the image if the resolution changes. If I could just find a way to keep the rotating banner over the image and it stay there even after changing the resolution, then I'd be happy, but I'm beginning to think it's impossible

server_crash

Reputation Points: 113

Solved Threads: 19

Postaholic

Offline

2,108 posts
since Jun 2004

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: Validate textboxes

Next Thread in HTML and CSS Forum Timeline: keyword tags of web sites

DaniWeb Message

Cancel Changes

User Name
Password