jQuery旋轉木馬滑塊

我使用simple.carousel.js作爲一個簡單的小滑塊，其中有一個圖像和一些文本。如您所知，此插件使用<ul>標籤滑動<li>元素。您可以設置carouselslider的寬度和高度的JavaScript像jQuery旋轉木馬滑塊

> $("ul.homecarouselslider").simplecarousel({ 
>  height:200, 
>  width:160, 
>  visible: 1, 
>  auto: 25000, 
>  next: $('.offerright'), 
>  prev: $('.offerleft') });

如果你不設置在JavaScript的尺寸，.js文件具有默認大小來設置。但是我希望這個插件對每個<li>元素都有不同的尺寸，因爲它裏面有更大的圖片或更大的文字。如果你超過這個高度，因爲文本有250px的高度，而不是200px，這是滑塊的限制，它不會顯示它。任何想法如何在這個滑塊，<li>元素可以獲得內部div的尺寸？預先感謝您:)

PS。這個html代碼是這樣的：

<div id="offers"> 
    <ul id="homecarouselslider" class="homecarouselslider" style="list-style-type:none;overflow:hidden;width:600px;height:190px;">  
     <li style="float:left;width:160px;height:190px;"> 
      <div id="offer1"> 
      <div id="offertitle"><?php echo $row['title']; ?></div> 
      <img id="offerimg" src="<?php echo $row['picture1']; ?>"> 
       <div id="offerdesc"> 
       <div id="offerdesctext"><?php echo $row['full_description']; ?> </div> 
        <div class="offerleft" id="offerleft"><img src="images/offerleft.png"> </div> 
        <div class="offerleft" id="offerright"><img src="images/offerright.png"></div> 
        <div id="offerbook">BOOK NOW</div>  
         </div> 
         </div> 
     </li> 
    </ul> 
</div>

來源

2013-12-19 GeorgeGeorgitsis