| | |
rotate pictures in a mapped image space?
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Jun 2004
Posts: 2,108
Reputation:
Solved Threads: 18
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?
If this is possible, could you please tell me how to do this?
•
•
Join Date: Jun 2004
Posts: 2,108
Reputation:
Solved Threads: 18
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:
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
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">
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
![]() |
Similar Threads
- What's the HARDEST program you've written? (Computer Science)
- Antisource.com (Viruses, Spyware, Spam) (Website Reviews)
- how to load an image to a form (Visual Basic 4 / 5 / 6)
- Space at the bottom of a linked Image (HTML and CSS)
- Info in Database converted to Chart (Visual Basic 4 / 5 / 6)
Other Threads in the HTML and CSS Forum
- Previous Thread: Validate textboxes
- Next Thread: keyword tags of web sites
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7






