#diashow {
}

#diashow img {
    position: absolute;
    opacity: 0;
}

#diashow img:nth-of-type(1) {
    -webkit-animation: fade 40s ease-in-out infinite;
    animation: fade 40s ease-in-out infinite;
}

#diashow img:nth-of-type(2) {
    -webkit-animation: fade 40s 4s ease-in-out infinite;
    animation: fade 40s 4s ease-in-out infinite;
}

#diashow img:nth-of-type(3) {
    -webkit-animation: fade 40s 8s ease-in-out infinite;
    animation: fade 40s 8s ease-in-out infinite;
}

#diashow img:nth-of-type(4) {
    -webkit-animation: fade 40s 12s ease-in-out infinite;
    animation: fade 40s 12s ease-in-out infinite;
}

#diashow img:nth-of-type(5) {
    -webkit-animation: fade 40s 16s ease-in-out infinite;
    animation: fade 40s 16s ease-in-out infinite;
}

#diashow img:nth-of-type(6) {
    -webkit-animation: fade 40s 20s ease-in-out infinite;
    animation: fade 40s 20s ease-in-out infinite;
}

#diashow img:nth-of-type(7) {
    -webkit-animation: fade 40s 24s ease-in-out infinite;
    animation: fade 40s 24s ease-in-out infinite;
}

#diashow img:nth-of-type(8) {
    -webkit-animation: fade 40s 28s ease-in-out infinite;
    animation: fade 40s 28s ease-in-out infinite;
}

#diashow img:nth-of-type(9) {
    -webkit-animation: fade 40s 32s ease-in-out infinite;
    animation: fade 40s 32s ease-in-out infinite;
}

#diashow img:nth-of-type(10) {
    -webkit-animation: fade 40s 36s ease-in-out infinite;
    animation: fade 40s 36s ease-in-out infinite;
}

@keyframes fade {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}
}