2

我正在使用 jQuery Horizo​​ntal 滚动插件进行滚动演示。

当我向 li 添加额外的图像时，它不会显示添加的图像。有人知道吗？

<ul id="horiz_container_outer">
        <li id="horiz_container_inner">
            <ul id="horiz_container">
                <li><img src="images/toystory.png" width="500px" height="300px" alt="Toy Story" /></li>
                <li><img src="images/up.png" width="500px" height="300px" alt="UP" /></li>
                <li><img src="images/ratatouille.png" width="500px" height="300px" alt="Ratatouille" /></li>
                <li><img src="images/findingnemo.png" width="500px" height="300px" alt="Finding Nemo" /></li>
                <li><img src="images/cars.png" width="500px" height="300px" alt="Cars" /></li>
                <li><img src="images/monstersinc.png" width="500px" height="300px" alt="Monsters Inc" /></li>
                <li><img src="images/bugslife.png" width="500px" height="300px" alt="A Bugs Life" /></li>
                <li><img src="images/incredibles.png" width="500px" height="300px" alt="The Incredibles" /></li>
                <li><img src="images/bugslife.png" width="500px" height="300px" alt="A Bugs Life" /></li>
                <li><img src="images/incredibles.png" width="500px" height="300px" alt="The Incredibles" /></li>
                <li><img src="images/bugslife.png" width="500px" height="300px" alt="A Bugs Life" /></li>
                <li><img src="images/toystory.png" width="500px" height="300px" alt="The Incredibles" /></li>
                <li><img src="images/bugslife.png" width="500px" height="300px" alt="A Bugs Life" /></li>
                <li><img src="images/toystory.png" width="500px" height="300px" alt="The Incredibles" /></li>
            </ul>
        </li>       
</ul>

jQuery

$(document).ready(function(){
    $('#horiz_container_outer').horizontalScroll();

});
4

1 回答 1

0

我找到的唯一解决方案是调整css。在其根文件夹中有一个 CSS 字段名称jquery.horizo​​ntal.scroll.css

我将其更改如下，现在我有 14 张图片正在显示：

#horiz_container
{
    width:7064px;
    margin:0px;
    padding:0px;
    height:300px;
    margin-left:0px;
}

我玩的所有东西都是width和margin-left属性。

转到你的.php文件并添加 14 个图像并更改 ID #horiz_container的 CSS，就像我提到的那样。

于 2013-01-30T07:48:26.637 回答