Php 如何动态更改加载页面上的图像,并将链接附加到每个图像

Php 如何动态更改加载页面上的图像,并将链接附加到每个图像,php,javascript,Php,Javascript,我在大多数网站上都看到了这一点。一旦页面被加载,他们就会有一种图像广告,通过这种广告,页面会发生变化,可能会有一个固定的计时器或其他东西。如果你将光标悬停在图像上,总是会有一个不同的链接连接到它,它会将你引导到它被指示的页面。我怎样才能实现类似的事情呢。我想用Php或者javascript,但我更喜欢Php。你可以用一些javascript 比方说,您有以下标记: <a id='ad_link' href="http://url1.com"> <img src='img

我在大多数网站上都看到了这一点。一旦页面被加载,他们就会有一种图像广告,通过这种广告,页面会发生变化,可能会有一个固定的计时器或其他东西。如果你将光标悬停在图像上,总是会有一个不同的链接连接到它,它会将你引导到它被指示的页面。我怎样才能实现类似的事情呢。我想用Php或者javascript,但我更喜欢Php。

你可以用一些javascript

比方说,您有以下标记:

<a id='ad_link' href="http://url1.com">
    <img src='img1_url' />
</a>
然后使用以下内容更新您的广告(使用jQuery):


现在,您可以通过各种方式请求新信息
setTimeout()
setInterval()
都很简单,而且可能是最明显的方法。

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

}
html:
; 
javascript:
设置超时('change',3000);
函数更改(){
$('first').hide();
$('second').show();
}

类似于这样,但更好的是

可能重复感谢您的洞察力。我是否也可以使用php实现这一点?您可以使用php处理AJAX调用并提供新的广告链接。
function updateAd(ad_data) {
  $('#ad_link').attr('href', ad_data['link']);
  $('#ad_link img').attr('src', ad_data('img'));
}
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();

}