transition from Rapidweaver: adding highslide
Permalink
Hi,
I've spent some time searching the forums and other documentation trying to figure this out, and I think the problem might be that I'm just too new to concrete5 to know where to look. So my apologies if this should have been easier, and thanks in advance to anyone who is willing to help:
I am transitioning a site from Rapidweaver, and in RW there is an easy way to add custom code to a page header - basically there's a dialogue box in which one can insert custom code that applies to a single page. I've got some highslide code that needs some js and css in the header, and then a couple of divs in a html block. The header code is:
And then the divs are:
Even pointers to relevant documentation or forum discussions would be appreciated.
BG
p.s. I'm aware of the webalbum add-in, but apparently that is only for images. This highslide presents a box of text.
I've spent some time searching the forums and other documentation trying to figure this out, and I think the problem might be that I'm just too new to concrete5 to know where to look. So my apologies if this should have been easier, and thanks in advance to anyone who is willing to help:
I am transitioning a site from Rapidweaver, and in RW there is an easy way to add custom code to a page header - basically there's a dialogue box in which one can insert custom code that applies to a single page. I've got some highslide code that needs some js and css in the header, and then a couple of divs in a html block. The header code is:
<script type="text/javascript" src="path/highslide/highslide-full.js"></script> <script type="text/javascript" src="path/highslide/highslide.config.js" charset="utf-8"></script> <link rel="stylesheet" type="text/css" href="path/highslide/highslide.css" /> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="path/highslide/highslide-ie6.css)%" /> <![endif]--> <script type="text/javascript"> hs.graphicsDir = 'path/highslide/graphics/' </script>
And then the divs are:
<div> <a href="#" onclick="return hs.htmlExpand(this, { width: '300', headingText: 'This is the title.', wrapperClassName: 'titlebar' } )">You can click on this</a> <div class="highslide-maincontent"> Here is some body text. </div> </div>
Even pointers to relevant documentation or forum discussions would be appreciated.
BG
p.s. I'm aware of the webalbum add-in, but apparently that is only for images. This highslide presents a box of text.
