It is currently Thu Oct 23, 2014 1:51 am Advanced search

Mulitple galleries at the same page different layout

Help for using the Highslide Editor, the visual way of setting up Highslide.

Mulitple galleries at the same page different layout

Postby Norvol » Tue Jan 17, 2012 5:06 pm

I've read much and more about this and tried to solve the following problem alone, but I failed.
The two galleries I've created work more or less proper. My problem is, that the layout isn't the same - the controlbar is white instead of black and the "thumbnail-preview" is lost. Apart from this, everything's fine.
So my aim is that the two galleries look the same. What do I have to modify? Hope you can help me.

http://www.silvia-geiger.ch/atelier.html is the page.

Thank you very much for your effort. (I'm sorry for my bad english...)

Norvol
Norvol
 
Posts: 2
Joined: Tue Jan 17, 2012 4:39 pm

Re: Mulitple galleries at the same page different layout

Postby RoadRash » Wed Jan 18, 2012 4:57 pm

Hi Norvol,

Remove this from the head section of your page:
Code: Select all
<script type="text/javascript">
   hs.graphicsDir = 'highslide/graphics/';
   hs.align = 'center';
   hs.transitions = ['expand', 'crossfade'];
   hs.outlineType = 'rounded-white';
   hs.fadeInOut = true;
   hs.numberPosition = 'caption';
   hs.dimmingOpacity = 0.87;

// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
   slideshowGroup: [1, 2],
   interval: 5000,
   repeat: false,
   useControls: true,
   fixedControls: 'fit',
   overlayOptions: {
      opacity: .75,
      position: 'bottom center',
      hideOnMouseOut: true
   }
});

hs.transitions = ['expand', 'crossfade'];


</script>

<script type="text/javascript">
   hs.blockRightClick = true;
</script>

Add this line to your highslide.config.js file:
Code: Select all
hs.blockRightClick = true;



I assume you want the galleries to always stay centered in the viewport.
Find this line in your highslide.config.js file:
Code: Select all
fixedControls: 'fit',

Change it to:
Code: Select all
fixedControls: false,

Add this line below the hs.captionEval line in your highslide.config.js file:
Code: Select all
hs.align = 'center';



Replace all instances of this in your HTML markup:
Code: Select all
onclick="return hs.expand(this, { thumbnailId: 'thumb2', slideshowGroup: 2 } )"

with this:
Code: Select all
onclick="return hs.expand(this, config2 )"



The anchor for the visible thumbnail for the Konkret gallery has two starting a tags ÔÇô see screenshot. Remove the HTML markup highlighted yellow.

2012-01-18_1542.png
2012-01-18_1542.png (82.94 KiB) Viewed 3981 times
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
User avatar
RoadRash
 
Posts: 8225
Joined: Tue Jul 15, 2008 8:43 pm
Location: Fredrikstad, Norway

Re: Mulitple galleries at the same page different layout

Postby Norvol » Wed Jan 18, 2012 8:23 pm

Thank you very much, Hilde. Everything's working fine now :)
Norvol
 
Posts: 2
Joined: Tue Jan 17, 2012 4:39 pm


Return to Highslide Editor

Who is online

Users browsing this forum: No registered users and 2 guests