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

时间:2015-02-22 01:10:20

标签: javascript bxslider

我会喜欢一些帮助。谈到javascript,我是一个完整的新手。我正在做我的第一个项目作为单一任务。我已成功实现了pagepiling插件,除了两个问题外,bxslider运行良好。

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

第二个问题出现在纵向照片上。我设置了一个slideWidth:600,它在横向上很有效,但在肖像上留下了一个空白区域。

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>

1 个答案:

答案 0 :(得分:0)

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

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

应该是

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