Html 纯CSS3幻灯片放映重复最后4张幻灯片？

我找到了一个脚本，即：“”

问题在于它会重复最后4张幻灯片。有人能告诉我为什么以及如何解决这个问题吗

HTML：

<div class="pic-wrapper lejatszokep">
    <figure class="pic-1"></figure>
    <figure class="pic-2"></figure>
    <figure class="pic-3"></figure>
    <figure class="pic-4"></figure>
    <figure class="pic-5"></figure>
    <figure class="pic-6"></figure>
    <figure class="pic-7"></figure>
    <figure class="pic-8"></figure>
    <figure class="pic-9"></figure>
    <figure class="pic-10"></figure>
    <figure class="pic-11"></figure>
    <figure class="pic-12"></figure>
    <figure class="pic-13"></figure>
    <figure class="pic-14"></figure>
    <figure class="pic-15"></figure>
    <figure class="pic-16"></figure>
    <figure class="pic-17"></figure>
    <figure class="pic-18"></figure>
    <figure class="pic-19"></figure>
</div>

.pic包装器{
保证金：0px 0px 0px 0px；
填充：0px；
位置：绝对位置；
宽度：259px；
高度：200px；
溢出：隐藏；
}
身材{
保证金：0；
填充：0；
位置：绝对位置；
排名：0；
左：0；
宽度：258px；
高度：200px；
不透明度：0；
/*动画*/
动画：幻灯片24秒线性无限；
-o-动画：幻灯片放映24秒线性无限；
-moz动画：幻灯片放映24秒线性无限；
-webkit动画：幻灯片放映24秒线性无限；
/*marczking建议缩短代码：*/
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
.pic-1{
不透明度：1；
背景：url(http://88t.eu/Pictures/sh/1/intr_01.jpg)无重复中心；
}
.pic-2{
动画延迟：6秒；
-o-动画延迟：6s；
-moz——动画延迟：6s；
-webkit动画延迟：6s；
背景：url(http://88t.eu/Pictures/sh/1/intr_02.jpg)无重复中心；
}
.pic-3{
动画延迟：12秒；
-o-动画延迟：12s；
-moz——动画延迟：12s；
-webkit动画延迟：12秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_03.jpg)无重复中心；
}
.pic-4{
动画延迟：18秒；
-o-延时：18s；
-moz——动画延迟：18秒；
-webkit动画延迟：18秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_04.jpg)无重复中心；
}
.pic-5{
动画延迟：24秒；
-o-动画延迟：24秒；
-moz——动画延迟：24秒；
-webkit动画延迟：24秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_05.jpg)无重复中心；
}
.pic-6{
动画延迟：30秒；
-o-动画延迟：30秒；
-moz——动画延迟：30秒；
-webkit动画延迟：30秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_06.jpg)无重复中心；
}
.pic-7{
动画延迟：36秒；
-o-动画延迟：36秒；
-moz——动画延迟：36秒；
-webkit动画延迟：36秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_07.jpg)无重复中心；
}
.pic-8{
动画延迟：42s；
-o-动画延迟：42s；
-moz——动画延迟：42秒；
-webkit动画延迟：42秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_08.jpg)无重复中心；
}
.pic-9{
动画延迟：48秒；
-o-动画延迟：48s；
-moz——动画延迟：48秒；
-webkit动画延迟：48秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_09.jpg)无重复中心；
}
.pic-10{
动画延迟：54秒；
-o-动画延迟：54s；
-moz——动画延迟：54秒；
-webkit动画延迟：54秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_10.jpg)无重复中心；
}
.pic-11{
动画延迟：60秒；
-o-动画延迟：60s；
-moz——动画延迟：60秒；
-webkit动画延迟：60秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_11.jpg)无重复中心；
}
.pic-12{
动画延迟：66秒；
-o-动画延迟：66s；
-moz——动画延迟：66秒；
-webkit动画延迟：66s；
背景：url(http://88t.eu/Pictures/sh/1/intr_12.jpg)无重复中心；
}
.pic-13{
动画延迟：72秒；
-o-动画延迟：72s；
-moz——动画延迟：72秒；
-webkit动画延迟：72秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_13.jpg)无重复中心；
}
.pic-14{
动画延迟：78秒；
-o-延时：78s；
-moz——动画延迟：78秒；
-webkit动画延迟：78秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_14.jpg)无重复中心；
}
.pic-15{
动画延迟：84秒；
-o-动画延迟：84s；
-moz——动画延迟：84秒；
-webkit动画延迟：84秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_15.jpg)无重复中心；
}
.pic-16{
动画延迟：90秒；
-o-动画延迟：90秒；
-moz——动画延迟：90秒；
-webkit动画延迟：90秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_16.jpg)无重复中心；
}
.pic-17{
动画延迟：96秒；
-o-动画延迟：96s；
-moz——动画延迟：96秒；
-webkit动画延迟：96秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_17.jpg)无重复中心；
}
.pic-18{
动画延迟：102s；
-o-动画延迟：102s；
-moz——动画延迟：102s；
-webkit动画延迟：102s；
背景：url(http://88t.eu/Pictures/sh/1/intr_18.jpg)无重复中心；
}
.pic-19{
动画延迟：108秒；
-o-动画延迟：108s；
-moz——动画延迟：108秒；
-webkit动画延迟：108秒；
背景：url(http://88t.eu/Pictures/sh/1/intr_19.jpg)无重复中心；
}
/*关键帧*/
@关键帧幻灯片放映{
0% {
不透明度：0；
变换：比例（1）；
-ms变换：尺度（1）；
}
5% {
不透明度：1
}
25% {
不透明度：1；
}
30% {
不透明度：0；
转换：比例（1.1）；
-ms变换：比例（1.1）；
}
100% {
不透明度：0；
变换：比例（1）；
-ms-m：量表（1）；
}
}
@-o关键帧幻灯片放映{
0% {
不透明度：0；
-o变换：标度（1）；
}
5% {
不透明度：1
}
25% {
不透明度：1；
}
30% {
不透明度：0；
-o变换：比例（1.1）；
}
100% {
不透明度：0；
-o-m：刻度（1）；
}
}
@-moz关键帧幻灯片放映{
0% {
不透明度：0；
-moz变换：比例（1）；
}
5% {
不透明度：1
}
25% {
不透明度：1；
}
30% {
不透明度：0；
-moz变换：比例（1.1）；
}
100% {
不透明度：0；
-moz-transformm：标度（1）；
}
}
@-webkit关键帧幻灯片放映{
0% {
不透明度：0；
-webkit转换：规模（1）；
}
5% {
不透明度：1
}
25% {
不透明度：1
    .pic-wrapper {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        position: absolute;
        width: 259px;
        height: 200px;
        overflow: hidden;
    }
    figure {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 258px;
      height: 200px;
      opacity: 0;
      /*animation*/

      animation: slideShow 24s linear infinite;
      -o-animation: slideShow 24s linear infinite;
      -moz-animation: slideShow 24s linear infinite;
      -webkit-animation: slideShow 24s linear infinite;

/*suggestion by marczking to make the code shorter: */

      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .pic-1 {
        opacity:1;
      background: url(http://88t.eu/Pictures/sh/1/intr_01.jpg) no-repeat center center;

    }
    .pic-2 {
      animation-delay: 6s;
      -o-animation-delay: 6s;
      -moz--animation-delay: 6s;
      -webkit-animation-delay: 6s;
      background: url(http://88t.eu/Pictures/sh/1/intr_02.jpg) no-repeat center center;
    }
    .pic-3 {
      animation-delay: 12s;
      -o-animation-delay: 12s;
      -moz--animation-delay: 12s;
      -webkit-animation-delay: 12s;
      background: url(http://88t.eu/Pictures/sh/1/intr_03.jpg) no-repeat center center;
    }
    .pic-4 {
      animation-delay: 18s;
      -o-animation-delay: 18s;
      -moz--animation-delay: 18s;
      -webkit-animation-delay: 18s;
      background: url(http://88t.eu/Pictures/sh/1/intr_04.jpg) no-repeat center center;
    }
    .pic-5 {
      animation-delay: 24s;
      -o-animation-delay: 24s;
      -moz--animation-delay: 24s;
      -webkit-animation-delay: 24s;
      background: url(http://88t.eu/Pictures/sh/1/intr_05.jpg) no-repeat center center;
    }
    .pic-6 {
      animation-delay: 30s;
      -o-animation-delay: 30s;
      -moz--animation-delay: 30s;
      -webkit-animation-delay: 30s;
      background: url(http://88t.eu/Pictures/sh/1/intr_06.jpg) no-repeat center center;
    }
    .pic-7 {
      animation-delay: 36s;
      -o-animation-delay: 36s;
      -moz--animation-delay: 36s;
      -webkit-animation-delay: 36s;
      background: url(http://88t.eu/Pictures/sh/1/intr_07.jpg) no-repeat center center;
    }
    .pic-8 {
      animation-delay: 42s;
      -o-animation-delay: 42s;
      -moz--animation-delay: 42s;
      -webkit-animation-delay: 42s;
      background: url(http://88t.eu/Pictures/sh/1/intr_08.jpg) no-repeat center center;
    }
    .pic-9 {
      animation-delay: 48s;
      -o-animation-delay: 48s;
      -moz--animation-delay: 48s;
      -webkit-animation-delay: 48s;
      background: url(http://88t.eu/Pictures/sh/1/intr_09.jpg) no-repeat center center;
    }
    .pic-10 {
      animation-delay: 54s;
      -o-animation-delay: 54s;
      -moz--animation-delay: 54s;
      -webkit-animation-delay: 54s;
      background: url(http://88t.eu/Pictures/sh/1/intr_10.jpg) no-repeat center center;
    }
    .pic-11 {
      animation-delay: 60s;
      -o-animation-delay: 60s;
      -moz--animation-delay: 60s;
      -webkit-animation-delay: 60s;
      background: url(http://88t.eu/Pictures/sh/1/intr_11.jpg) no-repeat center center;
    }
    .pic-12 {
      animation-delay: 66s;
      -o-animation-delay: 66s;
      -moz--animation-delay: 66s;
      -webkit-animation-delay: 66s;
      background: url(http://88t.eu/Pictures/sh/1/intr_12.jpg) no-repeat center center;
    }
    .pic-13 {
      animation-delay: 72s;
      -o-animation-delay: 72s;
      -moz--animation-delay: 72s;
      -webkit-animation-delay: 72s;
      background: url(http://88t.eu/Pictures/sh/1/intr_13.jpg) no-repeat center center;
    }
    .pic-14 {
      animation-delay: 78s;
      -o-animation-delay: 78s;
      -moz--animation-delay: 78s;
      -webkit-animation-delay: 78s;
      background: url(http://88t.eu/Pictures/sh/1/intr_14.jpg) no-repeat center center;
    }
    .pic-15 {
      animation-delay: 84s;
      -o-animation-delay: 84s;
      -moz--animation-delay: 84s;
      -webkit-animation-delay: 84s;
      background: url(http://88t.eu/Pictures/sh/1/intr_15.jpg) no-repeat center center;
    }
    .pic-16 {
      animation-delay: 90s;
      -o-animation-delay: 90s;
      -moz--animation-delay: 90s;
      -webkit-animation-delay: 90s;
      background: url(http://88t.eu/Pictures/sh/1/intr_16.jpg) no-repeat center center;
    }
    .pic-17 {
      animation-delay: 96s;
      -o-animation-delay: 96s;
      -moz--animation-delay: 96s;
      -webkit-animation-delay: 96s;
      background: url(http://88t.eu/Pictures/sh/1/intr_17.jpg) no-repeat center center;
    }
    .pic-18 {
      animation-delay: 102s;
      -o-animation-delay: 102s;
      -moz--animation-delay: 102s;
      -webkit-animation-delay: 102s;
      background: url(http://88t.eu/Pictures/sh/1/intr_18.jpg) no-repeat center center;
    }
    .pic-19 {
      animation-delay: 108s;
      -o-animation-delay: 108s;
      -moz--animation-delay: 108s;
      -webkit-animation-delay: 108s;
      background: url(http://88t.eu/Pictures/sh/1/intr_19.jpg) no-repeat center center;
    }
    /* keyframes*/

    @keyframes slideShow {  
     0% {
     opacity: 0;
     transform:scale(1);
     -ms-transform:scale(1);
    }
     5% {
     opacity: 1
    }
     25% {
     opacity: 1;
    }
     30% {
     opacity: 0;
     transform:scale(1.1);
     -ms-transform:scale(1.1);
    }
     100% {
     opacity: 0;
     transform:scale(1);
     -ms-transformm:scale(1);
    }
    }
     @-o-keyframes 
    slideShow {  0% {
     opacity: 0;
     -o-transform:scale(1);
    }
     5% {
     opacity: 1
    }
     25% {
     opacity: 1;
    }
     30% {
     opacity: 0;
     -o-transform:scale(1.1);
    }
     100% {
     opacity: 0;
     -o-transformm:scale(1);
    }
    }
     @-moz-keyframes 
    slideShow {  0% {
     opacity: 0;
     -moz-transform:scale(1);
    }
     5% {
     opacity: 1
    }
     25% {
     opacity: 1;
    }
     30% {
     opacity: 0;
     -moz-transform:scale(1.1);
    }
     100% {
     opacity: 0;
     -moz-transformm:scale(1);
    }
    }
     @-webkit-keyframes 
    slideShow {  0% {
     opacity: 0;
     -webkit-transform:scale(1);
    }
     5% {
     opacity: 1
    }
     25% {
     opacity: 1;
    }
     30% {
     opacity: 0;
     -webkit-transform:scale(1.1);
    }
     100% {
     opacity: 0;
     -webkit-transformm:scale(1);
    }
    }

div#slider figure {
position: relative;
width: 800%;
margin: 0;
padding: 0;
font-size: 0;
text-align: left;
-webkit-animation: 28s bro infinite;  
animation: 28s slidy infinite; 
}