bxslider：我的一半图像没有显示

Question

我希望得到一些帮助。说到 javascript，我完全是个新手。我正在从事我的第一个项目，作为一项大学任务。我已经成功实现了 pagepiling 插件，除了两个问题外，bxslider 运行良好。

我的主要问题是我有 10 张图片，但只显示了其中的五张。如果我重新排序 html 中的图像，它总是最后五个不起作用。我认为这意味着 javascript 有问题，但我看不到哪里。

第二个问题出现在纵向照片上。我设置了一个 slideWidth: 600，它在横向上效果很好，但在纵向上留下白色 space。

http://www.helencrolls.com

<script>
    $(document).ready(function(){
        $('.bxslider').bxSlider({
            slideWidth: 600
        });
    });
</script>

<ul class="bxslider">
    <li><img src="images/game-bottle-tower.jpg" title="Bottle Tower Game"/></li>
    <li><img src="images/activity-campfire.jpg" title="Annual Sleepover Campfire"/></li>
    <li><img src="images/games-frog-in-the-pond.jpg" title="Playing Frog in the Pond"/></li>
    <li><img src="images/craft-balsa-planes.jpg" title="Making Balsa Wood Airplanes"/></li>
    <li><img src="images/craft-south-america.jpg" title="South American Bird Masks"/></li>
    <li><img src="cooking-chocolate-crackles.jpg" title="Making Chocolate Crackles"/></li>
    <li><img src="outdoors-childrens-garden.jpg" title="A Visit to the Children's Garden"/></li>
    <li><img src="outings-kite-day.jpg" title="Region Kite Day"/></li>
    <li><img src="games-billy-cart.jpg" title="Billy Carts at Eltham North"/></li>
    <li><img src="activities-totally-wild.jpg" title="A Walk on the Wild Side"/></li>
    <li><img src="games-duck-duck-goose.jpg" title="Joey Joey Scout (also known as Duck Duck Goose)"/></li>
</ul>

Answer 1

这些图像都存储在您网站上的图像文件夹中。但是，您并没有将它们全部指向您的图像目录。

<img src="games-duck-duck-goose.jpg">

应该是

<img src="images/games-duck-duck-goose.jpg">

bxslider：我的一半图像没有显示

bxslider: half my images are not showing

javascript

bxslider