s3slider jQuery плагин - слайдер изображений

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/s3Slider.js" type="text/javascript"></script>

  <div id="<span>s3slider</span>">
  <ul id="<span>s3slider</span><strong>Content</strong>">
  <li class="<span>s3slider</span><strong>Image</strong>">
  <img src="#" />
  <span><span></span>Your text comes here<span></span></span>
  </li>
  <li class="<span>s3slider</span><strong>Image</strong>">
  <img src="#" />
  <span><span></span>Your text comes here<span></span>
  </li>
  <div class="clear <span>s3slider</span><strong>Image</strong>"></div>
  </ul>
  </div></span>

  #s3slider {
  width: 400px; /* important to be same as image width */
  height: 300px; /* important to be same as image height */
  position: relative; /* important */
  overflow: hidden; /* important */
  }
   
  #s3sliderContent {
  width: 400px; /* important to be same as image width or wider */
  position: absolute; /* important */
  top: 0; /* important */
  margin-left: 0; /* important */
  }
   
  .s3sliderImage {
  float: left; /* important */
  position: relative; /* important */
  display: none; /* important */
  }
   
  .s3sliderImage span {
  position: absolute; /* important */
  left: 0;
  font: 10px/15px Arial, Helvetica, sans-serif;
  padding: 10px 13px;
  width: 374px;
  background-color: #000;
  filter: alpha(opacity=70); /* here you can set the opacity of box with text */
  -moz-opacity: 0.7; /* here you can set the opacity of box with text */
  -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
  opacity: 0.7; /* here you can set the opacity of box with text */
  color: #fff;
  display: none; /* important */
  top: 0;
  /*
  если
  top: 0; -> бокс с текстом появится вверху картинки
  если
  bottom: 0; -> бокс с текстом появится внизу картинки
  */
  }
  .clear {
  clear: both;
  }

<script type="text/javascript">
  $(document).ready(function() {
  $('#slider1').s3Slider({
  timeOut: 4000
  });
  });
</script>