Jquery Chrome在刷新时不显示图像

我使用的是

roundout

jQuery插件，除了

Chrome

之外，它在所有浏览器上都运行良好

当我检查元素时，我发现所有源代码和参数都正确且定义良好

现在，当我单击URL并点击

Enter

时，会显示图像，当我使用

F5

刷新时，不会显示关键图像

我试着在谷歌和chrome论坛上搜索，但我没能做到

我的当前配置在上进行了测试

Chrome:26.0.1410.64 m版
操作系统：WindowsXPSP2、Windows7x86Ultimate

下面是我尝试过的几项运动

1。刷新的缓存和删除的缓存
2.图像路径正确
3.将标题内容类型设置为text/html、text/css，并将内容长度设置为1024
4.使用其他操作系统和以前版本的chrome
5.如果JavaScript中存在任何错误，请检查控制台（结果：控制台为空，即没有错误或警告）

我添加了一张图片仅供参考（可能没有帮助）

更新：代码

$（文档）.ready（函数（）{
$（'ul'）。环岛({
“自动播放”：正确，
“持续时间”：3000
});
});

添加了jsfiddle

---

JSFIDLE在chrome上工作也没有问题。。而且它在铬上工作。。但在生产中，它不显示图像

使用并尝试使用耕字符或../

 <li><img src="~/images/img/img1.png"  /></li>

或

看看其他的讨论

或 使用$（window）.load（）而不是$（document）.ready（）

$（窗口）。加载（函数（）{
$（'ul'）。环岛({
“自动播放”：正确，
“持续时间”：3000
});
});

当您从服务器端生成图像时，尝试向图像源添加随机数，就像

with

X

是随机数一样

例如：

<li><img src="images/img/img3.png?1" /></li>
<li><img src="images/img/img2.png?2" /></li>
<li><img src="images/img/img4.png?3" /></li>

哦，我甚至使用了这个插件和很多问题，最后我得到了解决方案

设置参数

“调试”：true

您将看到带有所有样式/css的空div元素

$(document).ready(function() {
    $('ul').roundabout({
        'autoplay':true,
        'duration':3000,
        'debug':true
    });
});

现在，当您刷新时，请查看样式/css，然后您将发现

div

元素作为

0px

的

高度和
宽度

并将
min height
和
min weight
设置为下面提到的css或您想要的值，然后检查

我见过你拉小提琴，我想。。这个css

li img{
宽度：100%；
}

你需要把它改成

li img{
最小高度：250px；/*或其他*/
最小重量：350px；/*或其他*/
}

解析后，删除调试选项或将其设置为false

也许这应该对你有用，因为我已经解决了这个问题。我认为这不是铬的问题。。
它的插件不会触发元素的高度和宽度。我最近确实遇到了从服务器端加载图像的问题，我对代码做了一些更改，但似乎没有任何帮助

因此，我做了一个小技巧，将图像文件类型从
png更改为jpeg
，然后一切都顺利进行。
你能写一段代码吗？你能帮我写一篇吗？我已经读了那篇文章，但没有找到任何帮助，我也没有处理背景图像。。为什么/在图像之前使用
~
。
<script>
    $(window).load(function() {
        $('ul').roundabout({
            'autoplay':true,
            'duration':3000
        });

    });
</script>

<li><img src="images/img/img3.png?1" /></li>
<li><img src="images/img/img2.png?2" /></li>
<li><img src="images/img/img4.png?3" /></li>

$(document).ready(function() {
    $('ul').roundabout({
        'autoplay':true,
        'duration':3000,
        'debug':true
    });
});