JS Animated. 如何更改速度、过渡效果和其他相机滑块选项

我们很自豪地介绍一个新的视频tutorial关于相机 Slideshow, 流行的jQuery插件, 它经常被我们的模板开发人员用作滑块.

有时人们会想要尝试用滑块动画. 在本教程中，我们将简要介绍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的详细视频: