JS Animated. 如何更改速度、过渡效果和其他相机滑块选项
Январь 27, 2020
我们很自豪地介绍一个新的视频tutorial关于相机 Slideshow, 流行的jQuery插件, 它经常被我们的模板开发人员用作滑块.
JS Animated. 如何更改速度、过渡效果和其他相机滑块选项有时人们会想要尝试用滑块动画. 在本教程中,我们将简要介绍Camera脚本的一些选项和属性。 slideshow比如自动启动、速度和滑块之间的转换效果.
现在,我们打开文件 camera.js из папки "site/js" 文本/代码编辑器,比如 Notepad++然后我们开始编辑!
注意:你可以在相机文件中找到一些选项.js,在你的模板中可能不活跃. 这取决于特定的页面标记、应用的CSS规则、脚本和t.п.
自动发射
autoAdvance -这个选项决定幻灯片是否会自动启动.
要启用自动启动,请使用:
autoAdvance = true;
要禁用它,请写以下内容:
autoAdvance = false;
Скорость
滑块速度有两种设置: time (время) и 过渡时期(过渡时期).
time -定义幻灯片之间的间隔时间. 换句话说,就是每张幻灯片显示的时间,单位是毫秒.
transPeriod 瞬变的持续时间以毫秒为单位.
Пример:
time: 7000, transPeriod: 2000
在此代码下,幻灯片将显示7秒,幻灯片的更改将持续2秒.
Эффекты перехода
Используйте опцию fx修改、添加或删除过渡效果.
为了结合效果,通过逗号共享标题.
Пример:
fx:“简单褪色,马赛克”,
这个代码会无意中产生效果 simpleFade(褪色) или mosaic (мозаика) при смене слайдов.
一系列/扬声器数量
有些效果,比如 mosaic,对行数和列数使用两个选项.
Пример:
cols: 6, rows: 4,
要了解更多属性和示例,请阅读文件中的注释 camera.js 或者访问Camera开发者网站 slideshow.
谢谢大家的关注. 请欣赏这篇文章,并与我们联系任何问题.
你也可以观看tutorial的详细视频:
JS Animated. 如何更改速度、过渡效果和其他相机滑块选项