Hi,
The HTML markup for your iframe probably looks like this:
Code: Select all
<a href="highslide/sample-includes/include-short.htm" onclick="return hs.htmlExpand(this, {
objectType: 'iframe', width: 400,
creditsPosition: 'bottom left', headingText: 'Title from onclick',
wrapperClassName: 'titlebar' } )">Iframe</a>
Add
slideshowGroup: 'html' to the onclick:
Code: Select all
<a href="highslide/sample-includes/include-short.htm" onclick="return hs.htmlExpand(this, {
objectType: 'iframe', width: 400,
creditsPosition: 'bottom left', headingText: 'Title from onclick',
wrapperClassName: 'titlebar'[hilight], slideshowGroup: 'html'[/hilight] } )">Iframe</a>
Open your highslide.config.js file and add
slideshowGroup: 'html', to the code for the close button:
Code: Select all
hs.registerOverlay({
[hilight]slideshowGroup: 'html',[/hilight]
html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
position: 'top right',
useOnHtml: true,
fade: 2 // fading the semi-transparent overlay looks bad in IE
});