Member
Member
Denn   2009-06-20, 14:34
#1

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 = '/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 = '/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

  
Powered By MyBB, © 2002-2026 MyBB Group.
Made with by Curves UI.