Anything Slider
[[html]]
<head>

<!-- jQuery (required) -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

<!-- Optional plugins -->
<script type="text/javascript" src="/local--files/slider:main/jquery.easing.1.2.js"></script>
<script type="text/javascript" src="/local--files/slider:main/swfobject.js"></script>

<!-- Anything Slider -->
<link rel="stylesheet" href="/local--files/slider:main/anythingslider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/local--files/slider:main/print.css" type="text/css" media="print" />
<script type="text/javascript" src="/local--files/slider:main/jquery.anythingslider.js"></script>

<!--CSS -->
<link rel="stylesheet" href="/local--files/slider:main/theme-cs-portfolio.css" type="text/css" media="screen" />

<!-- Older IE stylesheet, to reposition navigation arrows, added AFTER the theme stylesheet above -->
<!--[if lte IE 7]>
<link rel="stylesheet" href="/local--files/slider:main/anythingslider-ie.css" type="text/css" media="screen" />
<![endif]-->

<!-- Required -->
<script type="text/javascript">
$(function(){
$('#slider').anythingSlider({
   startPanel          : 2,
  autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
  delay               : 5000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
  animationTime       : 2500,       // How long the slideshow transition takes (in milliseconds)
  easing              : "swing"    // Anything other than "linear" or "swing" requires the easing plugin
});
});
</script>
</head>

<body>
 <ul id="slider">
  <li><img src="/local--files/slider:main/bridge.jpg" /></li>
  <li><img src="/local--files/slider:main/sunset.jpg" /></li>
  <li><img src="/local--files/slider:main/loch.jpg" /></li>
 </ul>
</body>

[[/html]]
Site Design, Syntax and Examples by Rob Elliott 2008-2016