实时更改图像

Question

好吧，我刚刚开始了一个项目，我已经陷入困境，我真的需要帮助。

我有16张（4x4）图像，我将它们放在一个页面中。

$max_images = $_GET['images'];
$num_images = $max_images;
while  (($num_images > 0) && ($num_images <= $max_images))
{
echo '<img class="nomarge" alt="" src="image' . $num_images . '.jpeg"/>';
$num_images--;
}

他们都有像“image1.jpeg，image2.jpeg，...”这样的名字，所以这样可行。现在，我想只更改16个图像中的一个而不重新加载，并且只有当源中的图像与显示的图像不同时。

基本上，我认为我需要构建类似于股票市场中呈现的代码的东西（http://economico.sapo.pt/是我正在尝试做的一个很好的例子，在右下角，它显示了股票变化总是在变化，并不总是重新加载所有页面，甚至不是所有结果，只有那些变化的结果）

最好的方法是什么，你知道像这样的例子吗？

Answer 1

要更改一个图片，最佳做法通常是在id个<img>标记上添加for，这样您就可以选择一个通过它的身份。

您当前的代码不一定是坏的，但迭代这样的东西的常规约定是使用$count = $_GET['images']; for ($i = 1; $i <= count; $i++){ echo '<img class="nomarge" alt="" src="image' . $i . '.jpeg" id="image' . $i .'" />'; } 循环，如下所示：

id

注意我在每个代码的末尾添加了image1，现在您的图片中包含ID image2，image16 ... $("#image1").attr("src", "https://www.newimagesource.com" ); 。

  

现在，我想在没有重新加载的情况下仅更改16个图像中的一个，并且仅当源中的图像与显示的图像不同时才会更改。

我不确定这意味着什么，但假设您检测到'源中的图像与显示的图像不同，您可以选择特定图像并替换其来源使用以下jQuery：

{{1}}

希望这有帮助！