Question

在不刷新浏览器的情况下，使用PHP（Web套接字，服务器发送的事件等）更新图像路径的最佳方法是什么？

我有10个div，我必须加载路径到图像并显示该图像。我不必担心在不同的Web浏览器上支持，因为我会将它安装在将显示此网站（20-30 PC）的PC上。

所以，我只需要你对最佳技术的看法就可以在div上加载图像（在服务器应用程序发送的事件上）而不刷新它。

顺便说一句：将有50个不同的图片，all已经在网站根目录的文件夹中。

Answer 1

无法在php中执行此操作，这就是javascript的用途。

document.getElementById("myimg").src = "newimage.jpg";

我回复评论：

$('img').each(function(){ 
    var source = $(this).parent().find('span').first().val();    //if spans contain picture names
    $(this).attr("src",source);
});

如果你可以使用id的

document.getElementById("first").src = "15.jpg";
document.getElementById("second").src = "10.jpg";
document.getElementById("third").src = "21.jpg";
...

对评论的另一个回复。在php上调用javascript：

if ($invoke_javascript): ?>
    <script>
        alert('javascript goes here');
    </script>
<?php endif;

Answer 2

以下是如何在jQuery中执行此操作：

$(".my-div img").attr("src", "/new/image.jpg");

将图像加载到div而不刷新浏览器

2 个答案: