highslider图片插件使用实例

一、下载插件 http://www.highslide.com/download.php
我选择的是这个版本

二、引入文件

1、引入这两个文件

2、还有这个文件夹

三、配置参数

<script>
    hs.graphicsDir = 'http://172.18.40.41/fangchanPc/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.outlineType = 'rounded-white';
    hs.fadeInOut = true;
    hs.numberPosition = 'caption';
    hs.dimmingOpacity = 0.75;
    hs.addSlideshow({
        interval: 5000,
        repeat: false,
        useControls: true,
        fixedControls: 'fit',
        overlayOptions: {
            opacity: 0.75,
            position: 'bottom center',
            hideOnMouseOut: true
        }
    });
</script>

四、html展示

如果需要两个highslider并存