Multiple Remote CSS Rollovers

bruceclements

New Member
Hi,

What I'm trying to do is create a css script for this page (which will be the bases of other pages) and I want to get the script to work on just one button 'mother' rollover with 4 'child' or remote rollovers. The idea is to create a script that can be copy&pasted for each button and each page to simply change the url's of each rollover image.

1) The layout will be a set of buttons (buttonoff.jpg) around the centre logo (logooff.jpg).
2) Each button will rollover to be an unique image.
3) Each rollover will change the centre logo (logooff.jpg) to a unique image (currently logoon.jpg).
4) Each rollover will display a graphic in the left hand column and a photo in the top right hand box with a different graphic in the lower right hand box.
5) The original view must return on 'mouseout'.

I have been told that it, in part, has to be javascript in order to work on Google Chrome.

Thanks!
 

Attachments

  • buttonoff.jpg
    buttonoff.jpg
    2.7 KB · Views: 14
  • buttonon.jpg
    buttonon.jpg
    3 KB · Views: 14
  • Logooff.jpg
    Logooff.jpg
    75.7 KB · Views: 16
  • logoon.jpg
    logoon.jpg
    57.8 KB · Views: 16
  • template.txt
    1.2 KB · Views: 20
Top