好吧,我刚刚开始了一个项目,我已经陷入困境,我真的需要帮助。
我有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/是我正在尝试做的一个很好的例子,在右下角,它显示了股票变化总是在变化,并不总是重新加载所有页面,甚至不是所有结果,只有那些变化的结果)
最好的方法是什么,你知道像这样的例子吗?
答案 0 :(得分:0)
要更改一个图片,最佳做法通常是在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}}
希望这有帮助!