JS Animated. 如何管理相机幻灯片
2014年10月20日
本教程将向您展示如何管理相机 slideshow in JS动画模板.
JS Animated. 如何管理相机幻灯片编辑现有幻灯片:
打开JS动画模板文件夹,进入site文件夹. 根据模板结构的不同,您可以看到多个索引.html files (index.html, index-1.html, index-2.html, etc.)或一个. 在任何情况下打开索引.html file with your HTML editor 比如Adobe Dreamweaver或Notepad:
Find the slider 节中,您可以看到每个单独幻灯片的部分代码. 所以你可以改变 slider 标题或按钮标题:
要更改幻灯片图像,请转到/images/文件夹并替换其中一个 slider 带有新幻灯片图像的图像. 您必须以与默认幻灯片图像相同的方式命名您的图像:
添加新幻灯片.
Open index.html 文件和复制定义一张幻灯片的部分代码,并将其粘贴在最后一张幻灯片代码的最底部:
-
在该代码中,您将看到幻灯片图像的路径, 因此,重命名它并将具有相同名称的图像粘贴到images文件夹中. 将出现带有该图像的新幻灯片:
删除幻灯片.
Open index.html 文件并定义引用所需幻灯片的代码部分.
删除该代码并保存更改.
改变幻灯片顺序.
-
Open index.html 存档并选择需要更改顺序的幻灯片代码的一部分.
-
剪切代码并将其粘贴到您希望在网站上显示幻灯片的幻灯片代码之后. 如果你想要幻灯片1,就在幻灯片2之后, 然后,幻灯片1的代码必须放在幻灯片2的代码之后:
保存更改和幻灯片顺序将被更改.
请随时查看下面的详细视频教程:
JS Animated. 如何管理相机幻灯片