Clansphere :: FREE Clan Content Management System

<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 src="/templates/clansphere/images/slider/tempphoto-1.jpg" alt="temp" />
<div class="photo-meta-data"> Text 1<a href="http://.com">Link</a><br />
<span>Text 1</span> </div>

</div>
</div>
<div class="panel" title="Panel 2">
<div class="wrapper"> <img src="/templates/clansphere/images/slider/tempphoto-2.jpg" alt="temp" />
<div class="photo-meta-data"> Text 2<br />
<span>Text 2</span> </div>

</div>
</div>
<div class="panel" title="Panel 3">
<div class="wrapper"> <img src="/templates/clansphere/images/slider/tempphoto-1.jpg" alt="temp" />
<div class="photo-meta-data"> Text 3<a href="http://.com">Link</a><br />
<span>Text 3</span> </div>

</div>
</div>
<div class="panel" title="Panel 4">
<div class="wrapper"> <img src="/templates/clansphere/images/slider/tempphoto-1.jpg" alt="temp" />
<div class="photo-meta-data"> Text 4<a href="http://.com">Link</a><br />
<span>Text 4</span> </div>

</div>
</div>
<div class="panel" title="Panel 5">
<div class="wrapper"> <img src="/templates/clansphere/images/slider/tempphoto-1.jpg" alt="temp" />
<div class="photo-meta-data"> Text 5<a href="http://.com">Link</a><br />
<span>Text 5</span> </div>

</div>
</div>

</div>
</div>
</div>

<script type="text/javascript" src="/templates/clansphere/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/templates/clansphere/js/jquery-easing-1.3.pack.js"></scrip t>

<script type="text/javascript" src="/templates/clansphere/js/jquery-easing-compatibility.1.2.pack.js" ></script>
<script type="text/javascript" src="/templates/clansphere/js/coda-slider.1.1.1.pack.js"></scrip t>

<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>

|