Please, check the script, maybe I did some mistake that I can't see it.
I also tried to use hs.registerOverlay instead heading, but was the same.
here is script
Code: Select all
<script type="text/javascript">
hs.wrapperClassName = 'controls-in-heading';
hs.align = 'center';
hs.dimmingOpacity = 0.20;
hs.dimmingDuration = 0;
hs.transitions = ['expand', 'crossfade'];
hs.headingText = ' ';
hs.captionText = ' ';
hs.addSlideshow({
interval: 5000,
repeat: true,
useControls: true,
fixedControls: false,
overlayOptions: {
//opacity: .75,
position: 'top right',
hideOnMouseOut: false,
offsetY: -25,
offsetX: 15
}
});
</script>
<script type="text/javascript">
hs.captionOverlay.position = "below";
hs.captionOverlay.width = "30px";
hs.headingOverlay.position = "above";
hs.headingOverlay.width = "30px";
</script>
<style type="text/css">
.close-simple-white {
width: 0px;
height: 0px;
cursor: pointer;
}
.highslide-dimming {
background: grey;
}
</style>