0

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

我有 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/是我正在尝试做的一个很好的例子，在右下角，它显示一个总是在变化的库存变化，它并不总是重新加载所有页面，甚至不是所有结果，只有那些发生变化的）

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

4

1 回答 1

0

为了更改您的一张图片，最佳做法通常是id在每个<img>标签上附加一个，这样您就可以通过其 id 专门选择一个。

您当前的代码不一定是坏的，但是迭代类似这样的东西的正常约定是使用for循环，如下所示：

$count = $_GET['images'];

for ($i = 1; $i <= count; $i++){
    echo '<img class="nomarge" alt="" src="image' . $i . '.jpeg" id="image' . $i  .'" />';
}

请注意，我添加id到每个标签的末尾，现在您的图像具有 ids image1, image2... image16。

现在，我只想更改 16 个图像中的一个而不重新加载，并且仅当源中的图像与显示的图像不同时。

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

$("#image1").attr("src", "https://www.newimagesource.com" );

希望这可以帮助！

于 2013-05-21T16:01:33.233 回答