Vanillabox大小随图片变化的jquery焦点图插件

当前位置:主页 > jQuery库 > 幻灯片和轮播图 > Vanillabox大小随图片变化的jquery焦点图插件
Vanillabox大小随图片变化的jquery焦点图插件
分享:

    插件介绍

    Vanillabox是一款很有意思的jquery焦点图插件。它可以随着图片的大小而改变自身的大小。它还支持模态窗口显示焦点图和在焦点图中显示网页和视频。

    浏览器兼容性

    浏览器兼容性
    时间:10-22
    阅读:

简要教程

Vanillabox压缩包的目录结构。

+ doc
  LICENSE.txt
  README.txt
+ vanillabox
  | + theme
  | jquery.vanillabox-#.#.#.min.js
  | jquery.vanillabox.j         
                

引入必要的js和css文件

<link rel="stylesheet" href="vanillabox/theme/bitter/vanillabox.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="vanillabox/vanillabox-#.#.#.min.js"></script>
                

调用插件

以下是最基本的调用方式,参数全是默认值。

<script type="text/javascript">
$(document).ready(function() {
    $('selector-for-image-elements').vanillabox();
});
</script>              
                

可用参数:

更多信息:http://cocopon.me/app/vanillabox/getting_started.html