当前位置:主页 > 网页特效 > 焦点图 >

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

发布时间:2018/08/19 来源:互联网 浏览: 关键词:jquery 焦点图 Vanillabox 
Vanillabox大小随图片变化的jquery焦点图插件 Vanillabox大小随图片变化的jquery焦点图插件
阿里云

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

简要教程

Vanillabox压缩包的目录结构。

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

引入必要的js和css文件

<linkrel="stylesheet"href="vanillabox/theme/bitter/vanillabox.css">
<scripttype="text/javascript"src="http://code.jquery.com/jquery-latest.min.js"></script>
<scripttype="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

共有人阅读,期待你的评论!评论
骚年说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!
Top