Re: [IUG] Question about rollover images in toplogo file

[Karen Perone <peroneka at oplin dot org>]

We're using CSS for our rollover buttons on our system. I added lines to 
the styles.css file for a toplogo division ID, styled the buttons as 
inline list items, and added rollover effects for 
link/active/hover/visited anchors. It makes a fast loading page and can 
easily be changed by using images or different colors.

Then all you need to do is include the toplogo token on every page and 
in the TOPLOGO WWWOption.

Style sheet:
 http://roc.rodmanlibrary.com/screens/styles.css
  (look for section "unique IDs")
Toplogo file:
 http://roc.rodmanlibrary.com/screens/toplogo.html
  (use view-page source to see the code)
Catalog home to see how this works:
 http://roc.rodmanlibrary.com

--Karen Perone, Rodman Public Library

g dot merguerian at neu dot edu wrote:

> We are trying to create some rollover images in our toplogo file.  We 
> tried to use the BODYPARAM wwwoption to preload the images (see below) but 
> when we separate the images with commas, the html in the page stops at the 
> first comma. 
>
> It turns out the commas in this wwwoption are used to separate variations 
> of the body attributes for variations of scopes of the catalog (which we 
> don't use). 
>
> BODYPARAM=bgcolor="#FFFFFF" 
> onLoad="MM_preloadImages('/screens/button_nucat2.gif','/screens/button_onre2.gif','/screens/button_search2.gif','/screens/button_suggest2.gif','/screens/button_help2.gif','/screens/stack_nuhome2.gif','/screens/stack_library2.gif','/screens/stack_law2.gif')"
>
>
> Is there any other way to do this?  On the search help pages we can skip 
> toplogo and just customize the body tag ourselves, but we can't do that on 
> the search help pages.  How are others creating rollover images in the 
> toplogo file on your search results pages?