jq图片展示插件highslide.js简单dom

今天用用了一款图片展示插件highslide.js，感觉用起来很是舒畅，几乎不用怎么写代码，只需要知道如何写参数就行了。

那么这么牛叉的插件我们该如何用哪，下面我就跟大家讲解一下。

　　　　一、引入

　　　　首先我们运用绝对路径引入，这一般都是在实际项目中引用的方法，我们下载时候会有个文件包，里面包含样式文件和脚本文件。

用的时候只需引入这两个文件即可，然后代码中这样写：

我这项目是jsp文件，所以说引入的根目录的方式不同，小伙伴们可以根据自己的项目来具体如何引入吧。

然后我们要做的是调用我们的插件，传入参数：

上面是我的参数配置图

        hs.graphicsDir = '<%=controller.getStaticPath(request)%>/js/graphics/';
        hs.align = 'center';
        hs.transitions = ['expand', 'crossfade'];
        hs.wrapperClassName = 'dark borderless floating-caption';
        hs.fadeInOut = true;
        hs.dimmingOpacity = 0.75;
        // Add the controlbar
        if (hs.addSlideshow) hs.addSlideshow({
            //slideshowGroup: 'group1',
            interval: 5000,
            repeat: false,
            useControls: true,
            fixedControls: 'fit',
            overlayOptions: {
                opacity: .6,
                position: 'bottom center',
                hideOnMouseOut: true
            }
        });