Highslide - How to apply "HTML content" with gray background?

Question

Reference: http://highslide.com/. In the example "With HTML", in "HTML content", how do I apply the gray background, the same way of example "With Gallery"?

Answer 1

You need to use highslide-full.js, because highslide-with.html has no dim function, and then use this configuration

<script type="text/javascript" src="../highslide/highslide-full.js"></script>
<link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />

<style type="text/css">
.highslide-dimming {
  background: black;
}
</style>

<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.75;
</script>