每N分钟/秒更改标题图像

时间:2011-12-28 作者:nandac

我正在尝试每“n”秒/分钟更改一次标题图像。查看了web上的许多解决方案,am目前正在使用下面的PHP代码片段http://ma.tt/scripts/randomimage/:

它仍然只会更改页面上的图像,而不是每“n”分钟重新加载一次。我也在以下网址看到了这篇文章:

How to rotate the header image per day?

然而,我不知道如何适应它来做我想做的事。

你能不能借给我一些关于如何去做的建议,因为我对PHP非常陌生。

此外,在PHP的JavaScript中这样做会更好吗?

提前谢谢。

1 个回复
最合适的回答,由SO网友:Brooke. 整理而成

为了回答您的问题,我认为您使用JavaScript会更好。jQuery是一个很好的工具。我建议安装jQuery Cycle Plugin. 融入你的主题。您仍然可以使用PHP将图像加载到主题中,但如果您想在不需要重新加载页面的情况下更改图像,最好使用JavaScript。

类似于这样:通过将此代码添加到函数中来添加jQuery和jQuery循环。php

    <?php
function my_scripts_method() {
    wp_enqueue_script(\'jquery\');
    wp_register_script( \'jcycle\', \'http://ajax.aspnetcdn.com/ajax/jquery.cycle/2.99/jquery.cycle.all.min.js\'); //register the Microsoft cdn copy of jcycle this could also be your local copy
    wp_enqueue_script(\'jcycle\');
  }    

add_action(\'wp_enqueue_scripts\', \'my_scripts_method\'); //
?>
请参见wp enqueue scriptMicrosoft CDN for jCycle 更多信息

然后将其添加到标题中。php

<head>
<script type="text/javascript">
jQuery(document).ready(function($) {
    $(\'#header\').cycle({
        fx: \'fade\', //your effect
                random: 1, //make it random
                timeout: 5000 // change header every 5 seconds

    });
});
</script>
</head>
<body>
    <div id="Header">
        <img src="beach1.jpg" width="200" height="200" />
        <img src="beach2.jpg" width="200" height="200" />
        <img src="beach3.jpg" width="200" height="200" />
    </div>
</body>
还有其他jQuery/JavaScript幻灯片/循环插件,但我认为这将使您走上正确的轨道

结束

相关推荐

images are broken

我有一段代码,用于显示来自RSS提要的每篇帖子上的图像,这些图像将从yahoo images search获取,我将把这段代码粘贴到我的单曲中。php文件,这样它就会出现在我的帖子之后,我在其中一个网站上找到了这段代码,这段代码用于获取图像,但不是从yahoo获取图像,而是从不同的feed获取图像我使用的代码如下:- <?php include_once(ABSPATH.WPINC.\'/rss.php\'); // path to include script $f