include progress bar (dots) on slider on home page of [login to view URL]

the slider with products is already up and running on site...i just need to have a "progress bar" so visitors can jump from one slide to another.

site is a merchant solutions site at Yahoo.

Here's the slider as it's running now:

<div id="slides" style="width: 540px; height: 405px; float: left; margin: 20px 20px 20px 0px;">

<a href="[url removed, login to view]"><img src="[url removed, login to view]"title="Willapa Oyster Stew"></a>

<a href="[url removed, login to view]"><img src="[url removed, login to view]"title="Willapa Smoked Oysters"></a>

<a href="[url removed, login to view]"><img src="[url removed, login to view]"title="Oyster Pot Pie"></a>

<a href="[url removed, login to view]"><img src="[url removed, login to view]" title="Dungeness Crab Mac and Cheese"></a>

<a href="[url removed, login to view]"><img src="[url removed, login to view]" title="Willapa Pacific Oysters - Small"></a>

<a href="[url removed, login to view]"><img src="[url removed, login to view]" title="Dungeness Crab"></a>

<a href="[url removed, login to view]"><img src="[url removed, login to view]"title="Manila and Razor Clam Chowder"></a>

<a href="[url removed, login to view]"><img src="[url removed, login to view]"title="Yearling 'Precious' Pacific Oysters"></a>

</div>

<script>

$(function(){

$("#slides").slidesjs({

width: 540,

height: 405,

play: {

effect: 'fade',

active: false,

auto: true,

interval: 6000,

swap: true,

pauseOnHover: false,

restartDelay: 500

},

effect: {

fade: {

speed: 1000,

crossfade: true

}

}

});

});

</script>

PHP Perancangan Perangkat Lunak

ID Proyek: #9975073

Tentang proyek