Categories

Featured templates

JS Animated. 如何改变相机滑块速度,效果和其他选项

Sean Right January 27, 2020
Rating: 4.3/5. From 6 votes.
Please wait...

我们很自豪地在相机上呈现一个新的视频教程 Slideshow, a popular jQuery plugin,我们的模板开发人员经常使用它来制作滑块.

有时候你可能想尝试一下 slider animation. 在本教程中,我们将快速浏览一下相机的一些选项和功能 slideshow script 如自动启动,速度和 transition effects.

So, open camera.js file inside "site/js" folder with a text/code editor, such as Notepad++, and let’s get started!

注意:一些选项,你看到在相机.Js文件可能在模板中不活跃. 这取决于特定的页面 layout、应用CSS规则、脚本等.

Automatic start

autoAdvance 选项定义 slider 自动开始播放.

启用自动启动,使用:

autoAdvance = true;

禁用自动启动,使用:

autoAdvance = false;

Speed

There are 2 options for slider speed: time and transPeriod.

time 定义滑动转换之间的时间间隔. 换句话说,这就是以毫秒为单位显示每张幻灯片的时间.

transPeriod – the length of the transition effect in milliseconds.

Example:

time: 7000,
transPeriod: 2000,

以上代码将使幻灯片显示7秒,并且 transition 幻灯片之间的间隔时间为2秒.

Transition effects

Use fx 选项更改,添加或删除 transition effects.

要组合效果,用逗号分隔它们的名称.

Example:

fx: 'simpleFade, mosaic';

这将随机应用 simpleFade or mosaic effect to slider transitions.

Number of rows/columns

Some effects, such as mosaic,对于行数和列数使用2个选项.

Example:

cols: 6,
rows: 4,

欲了解更多功能和示例,请阅读里面的评论 camera.js file or visit the Camera slideshow developer’s site.

Thank you for reading. 请随意给这篇文章打分,如果你有任何问题,请告诉我们.

请随时查看下面的详细视频教程:

网站速度优化服务

Providing website 拥有最佳用户体验的访问者是至关重要的. 它有助于留住访客并吸引新访客. 有几个因素会影响访问者的比率. Your website 必须充满有用的内容. 换句话说,访问者必须在你的网站上找到必要的信息 website. 另一个重要的因素是 website loading speed. 所有的内容和元素都应该加载得尽可能快. 用户不希望等待太久. Poor website performance 对访问者的行为产生负面影响. It’s quite simple. 用户可能会想“我可以在其他地方找到这个内容”,然后离开你的网站 website.

Website 如果你有一个在线商店,优化就变得更加重要. 在这种情况下,一切都应该快速而正确地工作. Website optimization isn’t easy. 如果你有很多内容(如图片、视频、音频文件等),这是一个挑战.)和许多元素,如插件或小部件,使您的 website easier to use. 幸运的是,我们的团队可以帮助你. We can optimize your website 减少加载所有必要元素所需的时间. 优化过程主要集中在:

  • Content
  • Database
  • 源文件最小化
  • Compressing
  • Caching

优化过程可以大大减少访问者加载页面所需的时间. 它可以改善用户体验,并提供便利 website management as well. 优化服务由我们的专业人员执行,他们知道如何使您的 website work more efficiently. Our team works with CMS 网站和网上商店.

你什么都不用担心. 您只需要向我们提供必要的信息,以便我们开始优化您的 website right away. 您还可以使用项目经理检查进度. 优化过程不需要太多的时间- 3个工作日 CMS 网上商店5个工作日. 我们还为您提供详细的报告,显示优化过程的结果. 您还可以要求进行额外的优化.

This entry was posted in JS Animated tutorials and tagged camera, change, default, options, set, slider. Bookmark the permalink.

Submit a ticket

如果您仍然无法找到关于您的问题的足够的教程,请使用以下链接向我们的技术支持团队提交请求. 我们将在接下来的24小时内为您提供我们的帮助和协助: Submit a ticket