jquery.gridrotator实现响应显示画廊的影响

jquery.gridrotator实现响应显示画廊的影响
jquery.gridrotator是个非常实际的反应显示图片画廊插件。图片显示了一个画廊插件,将像一个网格的图片,然后翻转图片的一个格来显示另一张图片有6种作用。

HTML结构:
html结构非常简单。

调用插件
$(函数(){())
$(# RI网格)。Gridrotator();
});
小心不要忘了介绍jQuery和jquery.gridrotator.js文件。

可选参数
行数
行数:4,


栏目:10,

对于不同的屏幕宽度 行/列
w768是屏幕较小的/即超过768像素
w1024:{
行数:3,
列:8
},

w768:{
行数:3,
列:7
},

w480:{
行数:3,
列:5
},

w320:{
行数:2,
Columns: 4
},

w240:{
行数:2,
列:3
},

步骤:同时替换的项目数
{一些} /随机| |
性能 / /注:人数不应大于options.maxstep问题
步骤:随机的,
MaxStep:3,

用户单击项目 /防止
PreventClick:真的,

动画类型
showhide fadeinout slideleft / | | | | | |
slideright slidetop slidebottom / | | | | | |
rotatetop RotateLeft RotateRight / | | | | | |
rotatebottom规模rotate3d / | | | | | |
| | | | / / rotateleftscale rotaterightscale
rotatebottomscale随机 / / rotatetopscale | | | |
AnimType:随机的,

动画 / /速度
animspeed:500,

动画 / /宽松政策
AnimEasinut:'linear,
AnimEasingIn:'linear,

每3秒更换一个项目。
对于性能说明:问题,时间不能为300毫秒
间隔:3000,
如果为false,动画将不启动。
用假如果onHover例如真实 /
幻灯片:真的,
如果TRUE,项目将切换/悬停时
Onhover:假,
不应该更改的元素
Nochange:{ }
当您定义网格的大小时,您需要注意的是,并非所有的图片都会立即显示在网格中。例如,您有50张图片,定义了4行和5列,然后将20张图片显示在网格中,另外30张用于图片翻转切换。

以上是本文的全部内容,希望大家能喜欢。

tag:显示响应画廊电脑软件jquery

相关内容