CSSPLAY
Doing it with style
Doing it with style
Horizontally scroll the image above to see the Seattle skyline.
There are ten 'hotspots' indicated by a white rectangle. Just click on any of these hotspots to see a larger image to the right and a small piece of information in the left hand corner of the scrolling image.
IE, Opera, Safari and Chrome will cancel any selection whilst scrolling, but Firefox will keep the current selction on screen whilst scrolling.
Are your image maps too large to fit on a page? If so then why not try the 'scrolling' image map.
This allows you to place hotspots on the scrolling image and at the same time have the hotspot information appear in a fixed position within the scrolling window and also outside of the scrolling window.
I have used this to show some descriptive text and a larger image, but you can use this to show anything you like.
Tested in IE6, IE7, Firefox, Netscape, Mozilla, Opera, Safari and Chrome.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.
