我正在尝试在我的主页加载时随机加载2张图片中的1张。 (ico.edu) - 目前,只有1个图像加载(我希望第二个图像“随机”加载) - 所以有时候用户会进入我的网站并且图像1加载,其他时候是图像2.到目前为止,只有 图片1加载。
这是我的php页面中应该加载随机图像的jQuery,但我在代码中没有改变似乎工作。救命? (PS - 这个网站是用WordPress构建的,所以这是自定义代码添加到WordPress homepage.php,以便自定义使用的主题....
<script>
jQuery(document).ready(function($){
var number = 1 + Math.floor(Math.random() * 2);
var randimg;
if (number === 1) {
randimg = "http://www.ico.edu/wp-content/uploads/2016/10/home_slides-students-guy2.jpg";
} else { randimg = "http://www.ico.edu/wp-content/uploads/2016/10/home_slides-students-duo.jpg"; }
$('img').
filter(function() {
return this.src.match("http://www.ico.edu/wp-content/uploads/2016/10/home_slides-students-guy2.jpg"); //if image caching is off
//return this.src.match("http://i0.wp.com/www.ico.edu/wp-content/uploads/2016/10/home_slides-students-guy.jpg"); //with image caching version
})
.attr("src", randimg);
});
</script>