ho provato a copiare il codice ed ho ottenuto uno strano risultato
sulla pagina appaiono le immagini e i collegamenti uno sotto l altro ma non in slide
questo è il codice, ripeto copiato dalla pagina html di esempio
la slide puoi vederla qui
http://javascript.html.it/demo/javas...56/esempio.htm

<script type="text/javascript" src="includes/script/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="includes/script/js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="includes/script/js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="includes/script/js/coda-slider.1.1.1.pack.js"></script>

<script type="text/javascript">

var theInt = null;
var $crosslink, $navthumb;
var curclicked = 0;

theInterval = function(cur){
clearInterval(theInt);

if( typeof cur != 'undefined' )
curclicked = cur;

$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');

theInt = setInterval(function(){
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
curclicked++;
if( 6 == curclicked )
curclicked = 0;

}, 3000);
};

$(function(){

$("#main-photo-slider").codaSlider();

$navthumb = $(".nav-thumb");
$crosslink = $(".cross-link");

$navthumb
.click(function() {
var $this = $(this);
theInterval($this.parent().attr('href').slice(1) - 1);
return false;
});

theInterval();
});
</script>
</head>
<body>
<h1>Pannello contenuti in evidenza</h1>

<div id="page-wrap">

<div class="slider-wrap">
<div id="main-photo-slider" class="csw">
<div class="panelContainer">

<div class="panel" title="Panel 1">
<div class="wrapper">
[img]includes/script/images/tempphoto-1.jpg[/img]
<div class="photo-meta-data">
Photo Credit: Kaustav Bhattacharya

<span>"Free Tibet" Protest at the Olympic Torch Rally</span>
</div>
</div>
</div>
<div class="panel" title="Panel 2">
<div class="wrapper">
[img]includes/script/images/tempphoto-2.jpg[/img]
<div class="photo-meta-data">
Chicago Bears at Seattle Seahawks

<span>Fifth field goal, overtime win for the Seahawks</span>
</div>
</div>
</div>
<div class="panel" title="Panel 3">
<div class="wrapper">

[img]includes/script/images/scotch-egg.jpg[/img]

<h1>How to Cook a Scotch Egg</h1>

<ul>
[*]6 hard-boiled eggs, well chilled (i try to cook them to just past soft boiled stage, then stick them in the coldest part of the fridge to firm up)
[*]1 pound good quality sausage meat (i used ground turkey meat, seasoned with sage, white pepper, salt and a tiny bit of maple syrup)
[*]1/2 cup AP flour
[*]1-2 eggs, beaten
[*]3/4 cup panko-style bread crumbs
[*]Vegetable oil for frying
[/list]
</div>
</div>
<div class="panel" title="Panel 4">
<div class="wrapper">
[img]includes/script/images/tempphoto-4.jpg[/img]
<div class="photo-meta-data">
A Poem by Shel Silverstein

<span>Falling Up</span>
</div>
</div>
</div>
<div class="panel" title="Panel 5">
<div class="wrapper">
[img]includes/script/images/tempphoto-5.jpg[/img]
<div class="photo-meta-data">
New Video on CSS-Tricks

<span>Using Wufoo for Web Forms</span>
</div>
</div>
</div>
<div class="panel" title="Panel 6">
<div class="wrapper">
<h1>A Tale of Two Cities</h1>


Charles Dickins</p>
<blockquote>It was the best of times, </blockquote>
</div>
</div>

</div>
</div>

[img]includes/script/images/tempphoto-1thumb.jpg[/img]
<div id="movers-row">
<div>[img]includes/script/images/tempphoto-2thumb.jpg[/img]</div>
<div>[img]includes/script/images/tempphoto-3thumb.jpg[/img]</div>
<div>[img]includes/script/images/tempphoto-4thumb.jpg[/img]</div>
<div>[img]includes/script/images/tempphoto-5thumb.jpg[/img]</div>
<div>[img]includes/script/images/tempphoto-6thumb.jpg[/img]</div>
</div>

</div>

</div>