jQuery水平滚动添加额外的图像不显示答案

【问题标题】：jQuery Horizontal scroll adding extra image not displayingjQuery水平滚动添加额外的图像不显示
【发布时间】：2013-01-12 23:53:41
【问题描述】：

我正在使用 jQuery Horizontal scroll plugin 滚动 Demo。

当我向 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();

});

【问题讨论】：

你能在jsfiddle.com上显示代码吗...？？？ bcox 我不能在这里玩它的 CSS
请从tonylea.com/2011/jquery-horizontal-scrollbars下载文件。
完成了..!!!你能告诉我你要添加多少图片吗？？？？
请添加li标签，然后查看最近添加的li没有显示但在dom中的页面

标签： jquery jquery-ui jquery-plugins

【解决方案1】：

我找到的唯一解决方案是调整 css。在其根文件夹中有一个 CSS 字段名称 jquery.horizontal.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，就像我提到的那样。

【讨论】：

但是宽度7064是通过编码而不是通过css计算的