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();

}

类似的东西，但更好

如何使用附加到每个图像的链接动态更改已加载页面上的图像

2 个答案: