修改Github的html代码

Question

我已使用以下链接的代码创建幻灯片，

here is the link

它适用于四个图像，我有5个图像，我无法对5个图像进行排序，

任何人都可以帮助我。感谢

Answer 1

首先需要确定两件事，宽度计算为710 * N，其中N在示例4中。所以你需要首先修补这一行：

width: 2840px; /* 710 * 4 */

为：

width: 3550px /* 710 * 5 */

下一步是扩展关键帧以显示第五个元素，然后你还需要重新计算百分比并不难：

@keyframes slideshow {
    0%  { margin-left:  0.5%; }
    25% { margin-left: -100%; }
    50% { margin-left: -200%; }
    75% { margin-left: -300%; }
}

为：

@keyframes slideshow {
    0%  { margin-left:  0.5%; }
    20% { margin-left: -100%; }
    40% { margin-left: -200%; }
    60% { margin-left: -300%; }
    80% { margin-left: -400%; }
}

您现在可以省略AFIK所有其他前缀。另请查看这个小提琴手：http://jsfiddle.net/avze5shj/

根据评论，我以更好的时间扩展了示例：http://jsfiddle.net/avze5shj/1/