Voici le lin pour le tut ainsi que les éléments graphique:
http://www.bluenotesentertainment.com/iweb-tips/how-to-add-a-jquery-slider-to-iweb/
noter que moi j'ai enlevé le ruban vert - les dimensions doivent resté les mêmes sinon vous devez changer le visuel de départ
Voici mon code:
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Slides, A Slideshow Plugin for jQuery</title>
<link rel="stylesheet" href="http://www.
VOTRESERVEUR/Standard/css/global.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
<script src="http://www.
VOTRESERVEUR/Standard/js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
</head>
<body>
<div id="container">
<div id="example">
<div id="slides">
<div class="slides_container">
<img src="http://www.
VOTRESERVEUR/Standard/img/slide.jpg" width="570" height="270" alt="Slide 1"></a>
<img src="http://www.
VOTRESERVEUR/Standard/img/slide-1.jpg" width="570" height="270" alt="Slide 2"></a>
<img src="http://www.
VOTRESERVEUR/Standard/img/slide-2.jpg" width="570" height="270" alt="Slide 3"></a>
<img src="http://www.
VOTRESERVEUR/Standard/img/slide-3.jpg" width="570" height="270" alt="Slide 4"></a>
<img src="http://
VOTRESERVEUR/Standard/img/slide-4.jpg" width="570" height="270" alt="Slide 5"></a>
<img src="http://
VOTRESERVEUR/Standard/img/slide-5.jpg" width="570" height="270" alt="Slide 6"></a>
</div>
<a href="#" class="prev"><img src="http://www.
VOTRESERVEUR/Standard/img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="http://www.
VOTRESERVEUR/Standard/img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</div>
<img src="http://www.
VOTRESERVEUR/Standard/img/example-frame.png" width="900" height="400" alt="Example Frame" id="frame">
</div>
</div>
</body>
</html>