flexslider没有显示从wordpress网站加载的第一个图像

时间:2015-07-01 03:55:25

标签: javascript css flexslider

我有一个flex滑块,可以通过xmlrpc加载来自wordpress网站的图像并播放。通过检查元素,我看到所有图像都正确加载,但只是第一张图像没有显示。我发现如果我在第一张图片上,ul会有translate3d(-1320px,0px,0px)。

以下是结果示例:

<ul id="div_slides" class="slides" style="width: 3200%; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(-1320px, 0px, 0px);">
<li class="clone" style="width: 1320px; float: left; display: block;">
    <img src="http://www.cugatcasas.com/wp-content/uploads/2015/06/IMG_7805-300x200.jpg">
</li>
<li class="" style="width: 1320px; float: left; display: block;">
<img src=""></li>
<li style="width: 1320px; float: left; display: block;" class="flex-active-slide">
<img src="http://www.cugatcasas.com/wp-content/uploads/2015/06/IMG_0638-300x225.jpg">
</li>
<li style="width: 1320px; float: left; display: block;">
    <img src="http://www.cugatcasas.com/wp-content/uploads/2015/06/IMG_0639-300x225.jpg"></li>

图像IMG_7805-300x200.jpg(第一个)未显示。 是因为wordpress响应还是因为slider(translate3d)? 怎么避免这个?

0 个答案:

没有答案