6-8 xotpl/templatemo_slider.html

<link rel="stylesheet" href="<{xoImgUrl css/nivo-slider.css}>" type="text/css" media="screen" />

<div id="templatemo_slider">
 <div id="slider-wrapper">
    <div id="slider" class="nivoSlider">

      <{foreach from=$slider_var item=sl}>
        <img src="<{$sl.file_url}>" alt="Slider" title="<{$sl.description}>" />
      <{/foreach}>


    </div>
    <div id="htmlcaption" class="nivo-html-caption">
      <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
    </div>
  </div>
  <script type="text/javascript" src="<{xoImgUrl js/jquery.nivo.slider.pack.js}>"></script>
  <script type="text/javascript">
  $(window).load(function() {
    $('#slider').nivoSlider();
  });
  </script>
</div>