如何在加载的页面上动态更改图像，并在每个图像上附加一个链接

Question

我在大多数网站上都看到了这一点。一旦页面被加载，他们就会有一个类似的图像广告，它会随之改变，也许它有一个设置好的计时器或其他东西。 而且，如果将光标悬停在图像周围，则始终会附有其他链接，该链接会将您带到已指示的页面。我该如何实现类似的目的。 我在想PHP或Javascript，但更喜欢php。

Answer 1

您可以使用一些JavaScript。

假设您有以下标记：

<a id='ad_link' href="http://url1.com">
    <img src='img1_url' />
</a>

然后，您从某处（例如，通过AJAX从服务器）接收到此数据。

{"link": "url2.com", "img": "img2_url"}

然后，您使用此代码（使用jQuery）更新广告：

function updateAd(ad_data) {
  $('#ad_link').attr('href', ad_data['link']);
  $('#ad_link img').attr('src', ad_data('img'));
}

现在，您可以通过多种方式请求新信息。 setTimeout()或setInterval()很简单，可能是最明显的方法。

Answer 2

php是服务器端语言，而不是客户端，因此，如果浏览器中已经有图像php不能执行任何操作，则可以使用javascript（客户端）调用服务器获取图像，或者AJAX的另一种替代方法是将呈现您要在其间切换但显示的所有图像，而只是一个图像，而使用javascript，您将在一段时间后隐藏该图像并显示另一个图像。

html:

<img id="first" src="first.jpg"/> 
<img id="second" src="second.jpg" style="display:none"/>; 

javascript:

setTimeout('change',3000);
function change() {

    $('first').hide();
    $('second').show();

}

这样的东西，但更好