Highslide - 如何应用具有灰色背景的“HTML内容”？

Question

参考：http://highslide.com/。 在“使用HTML”示例中，在“HTML内容”中，如何应用灰色背景，与“使用图库”示例相同？

Answer 1

你需要使用highslide-full.js，因为highslide-with.html没有dim函数，然后使用这个配置

<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>