Hi,
I've been trying for a while now to add a newer highslide with galleries and thumbstrips but to no avail. What happens is when I change the js code and move it all up I get a "loading" message on the thumbnail when it is clicked but the highslide never comes up. clicking the thumb again stops the loading message. I can't figure out if it is some weird interaction between the newer hs and zen or what but I've tried a lot of things an gotten nowhere.
The basics, to start, are (I hope I'm posting code properly here with backticks but I've only done this a little here)
In standard highslide theme the script block includes:
`
hs.graphicsDir = '<?= $_zp_themeroot ?>/highslide/graphics/';
hs.outlineType = 'rounded-white';
window.onload = function() {
hs.preloadImages();
}
`
With the gallery version the code should look like this (from what I can tell from the docs.)
`
hs.graphicsDir = '<?= $_zp_themeroot ?>/highslide/graphics/';
/*next 4 lines added*/
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.8;
hs.outlineType = 'rounded-white';
/*next 3 lines*/
hs.captionEval = 'this.thumb.alt';
hs.marginBottom = 105; /* make room for the thumbstrip and the controls*/
hs.numberPosition = 'caption';
/*next block added*/
/* Add the slideshow providing the controlbar and the thumbstrip*/
hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
overlayOptions: {
className: 'text-controls',
position: 'bottom center',
relativeTo: 'viewport',
offsetY: -60
},
thumbstrip: {
position: 'bottom center',
mode: 'horizontal',
relativeTo: 'viewport'
}
});
/*end added block*/
window.onload = function() {
hs.preloadImages();
}
`
Any ideas, leads, things to test or head slappingly obvious pointers welcome.
Denn
Zenphoto
