jQuery Carousel Slider

Question

我使用simple.carousel.js作为一个简单的小滑块，其中有一个图像和一些文本。您可能知道，此插件使用<ul>标记来滑动<li>元素。您可以在javascript中设置carouselslider的宽度和高度，如

> $("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>

Answer 1

为什么不使用旋转木马的最大高度？ li元素的最大高度。因为我假设旋转木马下有内容，如果你按照你的说法实现它，当你有不同的高度时，旋转木马底部的内容会“反弹”。

如果您仍然想要这种行为，我会重新命令您查看是否有overflow:hidden设置为ul元素，我认为我是由carousel.js设置的，并使用{{在您的css文件中更改它1}}。

Answer 2

只需删除overflow:hidden的{​​{1}}并使用更大的图片。

Updated fiddle