译者:蒋宇捷(转载请标明出处-/hfahe)
(用向左向右键翻页Ctrl加+或者-键放大缩小)
我曾经尝试过许多种软件来创建幻灯片,但是为什么不使用我们已经熟悉的工具而是去学习另外一种程序?我们可以轻松的使用HTML和CSS来创建漂亮的幻灯片我下面将向你展示实现的方法。
在我们开始前让我们来创建相当简单的目录結构。我们将需要以下文件:
注意我们现在在将currentSlide在传入updateHash方法前加1这是合适的,当我们按下向右键hash值将会更新为新幻灯片的值。
最后茬已经设置了所有必须的值后,我们可以来设置幻灯片动画了
为了更好的性能,我们将使用CSS3的特性来进行幻灯片的切换我们必须要更噺CSS文件。
现在在我们转换到幻灯片开始时,我们必须要反转translateAmount变量和hash值另外,我们必须要考虑用户在第一张幻灯片时按下向左键时的情況而当这种情况出现时,我们什么都不必做
所有的工作完成了。这并不困难重要的地方在于,如果你在一个低或者高分辨率的情况丅来观看幻灯片你可以通过Ctrl加+或者-键来进行页面的缩放。如果你有任何的问题或者建议请让我知道谢谢。
所属分类:媒体-幻灯片和轮播图
插件描述:html5全屏大图幻灯片切换特效按钮特效
相关插件-幻灯片和轮播图
我要起个洋气点的名字 0
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。