Question

我花了一些时间四处寻找（jquery）旋转木马或幻灯片。那里有数百个，其中许多真的令人惊讶。

但我需要的是一个旋转木马，其中三分之二的水平空间被图像占据，三分之一被文字占据。文字不应该是图像上的叠加。

到目前为止，我只找到Sliderion，bxSlider和EvoSlider（这是我真正喜欢的;但它不是免费的。好吧，它也不贵。）

您知道其他满足这些要求的脚本吗？

感谢任何提示。

Answer 1

尝试 jCarousel

这是一个漂亮的旋转木马，适用于列表元素。您可以根据您的规范设置列表项内容的样式：

<强> HTML

<ul id='carousel'>
    <li>
        <img src='url goes here' />
        <p>text goes here</p>
    </li>
    <li>
        <img src='url goes here' />
        <p>text goes here</p>
    </li>
</ul>

<强> CSS

ul li img, ul li p { display: inline; }
ul li img { width: 66%; }
ul li p { width: 33%; }

Answer 2

您正在寻找的是nivoSlider。它是免费且容易开始的，试一试并查看示例：

http://nivo.dev7studios.com/demos/

jQuery轮播，允许（不覆盖）图像旁边的文本

2 个答案: