bxSlider图像向左下移

时间:2014-02-12 21:34:32

标签: javascript jquery bxslider

无法找到更好的头衔, 让我来解释一下这是什么问题。

在bxSlider中,我尝试从主机本身加载图像(图像文件夹中的图像),一旦我加载页面,我可以看到图像垂直加载到左边。

http://gyazo.com/c0855e4bceb8f2e24bdeb1d4c61cacaf.png

图像保持不变直到bxslider完全加载。那么图像就像它应该的那样出现在bxslider中。

当他们使用placehold.it网站使用图片时,我尝试了bxSlider的示例。

<img src="http://placehold.it/350x150&text=FooBar1">

使用此行,bxSlider应该正常工作。 滑块显示微调器,然后显示照片。

那么这里有什么问题......?为什么显示spinner.gif的外部图像和来自主机的图像不是?

代码:

<div id="slider">
    <div><img src="image.png"></div>
    <div><img src="image.png"></div>
    <div><img src="image.png"></div>
    <div><img src="image.png"></div>
    <div><img src="image.png"></div>
    <div><img src="image.png"></div>
    <div><img src="image.png"></div>
    <div><img src="image.png"></div>
</div>

p_slider = $('#slider').bxSlider({
            slideWidth: 254,
            minSlides: 2,
            maxSlides: 4,
            slideMargin: 5,
            pager: 0
        }).hide().fadeIn();

0 个答案:

没有答案