幻灯片/轮播

仿Ken Burns效果jQuery幻灯片插件

阿里云

这是一款仿 Ken Burns 效果的 jQuery 幻灯片插件。该幻灯片插件是基于 smartcrop.js 插件的,smartcrop.js 是一款用于剪裁图片的 js 插件。Ken Burns 效果是将图片逐渐平移放大的动画效果。Ken Burns 效果是指将图片局部放大移动的一种动画效果。下面的图片说明了这个动画过程,左边的图片被红线圈住的地方将会平滑的动画过渡到右边的图片。

使用方法:

这个 Ken Burns 效果依赖于 smartcrop.js。该插件是一款用于裁剪图片的 js 插件。该插件的使用方法为:

也想出现在这里?联系我们
创客主机
  1. SmartCrop.crop(image, options, callback)

image:可以是 HTMLImageElement、HTMLCanvasElement 或 HTMLVideoElement

options:配置参数,参考下方的参数描述

callback:裁剪图片结束后的回调函数

options 参数:

debug:如果设置为 true,cropResults 将包含一个 debugCanvas

minScale:最小的裁剪矩形区域

width:裁剪区域的宽度

height:裁剪区域的高度

例如可以如下使用:

  1. SmartCrop.crop(image, {width: 100, height: 100}, function(result){console.log(result);});

仿 Ken Burns 效果 jQuery 幻灯片插件

已有 417 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!