jquery响应裁剪插件FocusPoint

所属分类：媒体-图像

40917 335 查看评论 (5)

分享到微信朋友圈

查看演示 website 立即下载

插件描述：FocusPoint是一个响应裁剪的jQuery插件。它的动态裁剪图像功能适用于在没有切割出图像的主题的情况下来填充可用的空间。适用于全屏幕图像。

引入CSS：

<link rel="stylesheet" type="text/css" href="css/focuspoint.css">		
<link rel="stylesheet" type="text/css" href="demo.css">		
<link rel="stylesheet" type="text/css" href="grid/grid.css">

引入JQ、JS

<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.focuspoint.min.js"></script>

<script type="text/javascript">
(function($) {
   $(document).ready(function() {
      $('.focuspoint').focusPoint();
});
}(jQuery));
</script>

HTML：

<div id="Frames">
     <div id="Frame1" class="focuspoint"
	data-focus-x="0.33"
	data-focus-y="0.249"
	data-image-w="922"
	data-image-h="666">
	<img src="img/lizard.jpg" alt="" />
     </div>
     ......
</div>

（感谢会员ChasonMa 提供的内容）

jQuery文本编辑器插件jWYSIWYG

轻量级jQuery画廊插件Lighterbox