Highcharts official support forum

Code: Select all

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

Code: Select all

// Set different options, counters and actions for top-slideshow (show) and bottom-sample (smpl) expanders
hs.Expander.prototype.onInit = function() {

    if (this.slideshowGroup == 'show') {
        hs.captionOverlay.position = 'below';
        hs.lang.number = 'Alter Headletter - Poster No. %1 of %2';
        hs.lang.restoreTitle = "";
        hs.lang.previousTitle = "Previous";
        hs.lang.nextTitle = "Next";
        hs.lang.playTitle = "Play";
        hs.lang.pauseTitle = "Pause";
        hs.transitionDuration = 1000;

        that = this;
    }
    else {
        hs.captionOverlay.position = 'below';
        hs.lang.restoreTitle = "Click or [ESC] to Close - Click and Drag to Move";
        hs.lang.focusTitle = "";
        hs.transitionDuration = 0;

        atleastoneinstance = 1; /* Update flag     */
        instances = instances + 1; /* Update counter  */
        that.slideshow.pause(); /* Pause slideshow */
        [hilight]$('.top-gal .highslide-controls').hide(); /* hide the controls */[/hilight]
    }
};

Code: Select all

// End focus mod and re-initialize top-slideshow gallery
hs.Expander.prototype.onFocus = function() {
    if (/top-gal/.test(this.wrapper.className)) {
        if (this.slideshow && this.slideshow.zIndex) {
            this.wrapper.style.zIndex = this.slideshow.zIndex;
        }
        if (this.outline) {
            this.outline.table.style.zIndex = this.slideshow.zIndex - 1;
        }
    }
    if (this.slideshowGroup == 'show') {
        if (instances == 0 && atleastoneinstance) {
            this.slideshow.play();
            atleastoneinstance = 0;
            [hilight]$('.top-gal .highslide-controls').show(); /* show the controls */[/hilight]
        }
    }
};