Question

在这种情况下：我需要在给定时间更改页面中div的背景图像。下面的代码就是这样做的，并且还会将图片淡入淡出。问题是，我需要用频率更改目录中的图像。这些名字永远不会改变，但图片却是如此。如何强制浏览器刷新内容？即使我手动按f5，它也不会刷新图像。

<html>
<head>
    <meta charset="UTF-8">
    <title>Esquerdo - Monitores BI</title>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.5.2.js"></script>
    <script type="text/javascript">
        $(window).load(function(){
        $('img').hide();
        function test() {
            $("#container img").first().appendTo('#container').fadeOut(2000);
            $("#container img").first().fadeIn(2000);

            setTimeout(test, 7000);
        }
            test();
        });
    </script>

    <link rel="stylesheet" type="text/css" href="slidestyle2.css">
</head>
<body>
    <div id="container">
        <img src="vehicles/kicks.jpg" />
        <img src="vehicles/gtr.jpg" />
        <img src="vehicles/sentra.jpg" />
    </div>
</body>

我已经搜索了很多解决方案，但由于我对jquery，javascript等一无所知以及我发现的所有解决方案都适用于非常不同的代码，所以我无法适应任何问题。需要。我所知道的是浏览器保留了具有特定名称的文件的原始内容，因此您需要更改代码中文件的名称，使其始终是唯一的。但是如果我用html写文件名怎么办呢？

我真的很感激任何帮助。

Answer 1

在网址末尾添加随机值：

$("#container img").first().attr( "src", "vehicles/kicks.jpg?" + Math.random() )

这会强制浏览器重新获取图像的新副本。

更新原始图片文件时如何刷新页面上的图片

1 个答案: