jquery随机图像问题

时间:2018-01-16 18:18:15

标签: jquery image random

我正在尝试在我的主页加载时随机加载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>

0 个答案:

没有答案