“硬币”滑块
这是一个 滑块 Script 即可以自动剪切图像,用于创建各种 过渡 影响. 您可以通过以下方式找到完整的安装和配置说明 这个链接.
JavaScript
为了使 script 工作, 指数- #.html 用一个 slider 应该包含这几行 HTML 代码,以便包含 coin-slider.js script 和jQuery 框架:
The 部分 指数- #.html 文件包含以下代码行,这些代码行用于初始化 script 具有基本价值的功能:
This script 初始化为
• 宽度:565 -宽度 slider 面板;
• 身高:290 -高度 slider 面板;
• spw: 7 -每宽度的方格数;
• sph: 5 -每高度的方格数;
• 延迟:3000 -图像之间的延迟以毫秒为单位;
• sDelay: 30 -方块之间的延迟(毫秒);
• 透明度:0.7 -不透明的标题和 导航;
• titleSpeed: 500 -标题出现速度,单位为毫秒;
• 效果: – 过渡 效果, random 默认情况下(随机,漩涡,雨,直线);
• 导航: true – 上一页/下一页 和按钮;
• 链接:true -显示图像作为链接;
• hoverPause:真 -暂停 hover.
HTML
下面你可以看到 HTML script 表示:
每张幻灯片都是一张图片( 标签),放置到链接( tag). 控件添加幻灯片描述 元素. 为了添加幻灯片,您需要添加以下结构:
CSS
你可以找到 script 相关的 样式表 大体上 style.css file. 你需要修改以下样式: