jjri
Posts: 28
Joined: Wed May 20, 2009 6:04 am
Location: France

Close button for iframe only, not for the gallery

Hi
I have a gallery and an iframe on the same page.
I would like to add the "mac style" close button to the iframe only. It did not seem to me the Editor makes it possible.
is there a solution ? Thanks.
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: Close button for iframe only, not for the gallery

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
});
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no

Return to “Highslide Editor”