zAccordion - 滑塊jQuery和HTML - 圖像幻燈片文本

Question

我有jQuery中的腳本：

*<script type="text/javascript"> 

     $(document).ready(function() { 
      $("#example14").zAccordion({ 
       tabWidth: "15%", 
       width: "100%", 
       height: "100%" 
      }); 
      $(window).resize(function() { 
       $("#example14").height($(window).height()); 
       $("#example14 li").height($(window).height()); 
       $("#example14 img").height($(window).height()); 
      }); 
     }); 
    </script>* 

和一些HTML：

 *<ul id="example14"> 
      <li><img src="images/slide0.gif" width="100%" height="100%" alt="" /></li> 
      <li><img src="images/slide1.gif" width="100%" height="100%" alt="" /></li> 
      <li><img src="images/slide2.gif" width="100%" height="100%" alt="" /></li> 
      <li><img src="images/slide3.gif" width="100%" height="100%" alt="" /></li> 
      <li><img src="images/slide4.gif" width="100%" height="100%" alt="" /></li> 
     </ul>* 

的quastion是：我怎樣才能在生成一些文本例如，我的圖像在CSS中滑動？請幫幫我！謝謝

Answer 1

你問了CSS，對吧？

<ul id="example14"> 
      <li><img src="images/slide0.gif" width="100%" height="100%" alt="" /> 
       <div class="text">lorem lorem lorem</div></li> 
      <li><img src="images/slide1.gif" width="100%" height="100%" alt="" /></li> 
      <li><img src="images/slide2.gif" width="100%" height="100%" alt="" /></li> 
      <li><img src="images/slide3.gif" width="100%" height="100%" alt="" /></li> 
      <li><img src="images/slide4.gif" width="100%" height="100%" alt="" /></li> 
</ul> 
.text{ 
position:relative; 
top:-100px; 
}