Skip to end of metadata
Go to start of metadata

Hi,

I have seen the rollover macro (http://www.adaptavist.com/display/AtlassianConfluence/rollover+macro), but I want to have a rollover that switches from one image to another. I'm putting this code in the header panel, so any specific code you have that works there would be much appreciated!

The images I want are attached to a confluence page, so either a pagename^filename.png or "http:// ..." will work fine for me.

Thanks much in advance!

  • No labels

1 Comment

  1. Its all in the basic example if you care to look, eg:

    {style}
    .test {
    background-color:#00AA00;
    color:#000000;
    }
    .test-rollover {
    background-color:#0000AA;
    color:#FFFFFF;
    }
    {style}
    {rollover:class=test}{div}Some Content{div}{rollover}
    

    just replace the colour with an image, eg:

    {style}
    .test {
    background-image:url(http://www.adaptavist.com/download/attachments/401/picture+7.png);
    }
    .test-rollover {
    background-image:url(http://www.adaptavist.com/download/resources/com.adaptavist.confluence.bubbles:bubbles/icons/default.png);
    }
    {style}
    {rollover:class=test}{div}Some Content{div}{rollover}
    
    Error CSS Stylesheet macro - URL 'http://www.adaptavist.com/download/attachments/401/picture+7.png' is not whitelisted. If you want to include this content, contact your Confluence administrator to request whitelisting this URL.