Slideshow automatique

Bonjour à tous,

Voilà, j'aimerai intégrer un slide show automatique à mon site web, et j'ai trouvé un bout de code sur un tutoriel que j'ai intégré directement à mon code html/css.

Le problème c'est qu'il ne se passe rien, on ne voit même pas les images (tout en sachant que le chemin d'accès est juste).

Voici le code html:

<div id="slideshow">
<ul id="sContent"><!--
--><li><img src="...\image1.jpg" alt="Image bleue" /></li><!--
--><li><img src="...\image2.jpg" alt="Image verte" /></li><!--
--><li><img src="...\image3.jpg" alt="Image brune" /></li>
</ul>

</div>

et mon css:

@keyframes AutoSlide {
0%, 15%, 100% {
left: 0px; /*1ère image*/
}
35%, 50% {
left: -150px; /*2ème image*/
}
70%, 85% {
left: -300px; /*3ème image*/
}
}


#slideshow

{

position: relative;
left: 524px;
top: 231px;
overflow: hidden;
}

#sContent li {
display: inline;
}

#sContent {
position: absolute;
top: 300px;
left: 300px;
width: 450px;
margin: 0;
padding: 0;

/*CSS3 keyframes animation*/
animation-name: AutoSlide;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

Je vous remercie par avance pour votre aide précieuse, et je m'excuse pour la longueur du code.

Cordialement,