修改Github上

Question

的HTML代码我用以下链接的代码来创建幻灯片，

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/