Question

我有一个页面，点击后随机更改图像。最好看看这个可以正常工作的演示：http://jahyland.com/demos/ballistic/v1g/

现在我被要求在点击时更改图像，单击徽标将随机选择一个图像随机更改。是的，令人困惑。

所以我有几个包含所有各种图像选项的数组：

var boyhairhat =   ['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg','6.jpg'];
var boychin = ['1.png','2.png','3.png','4.png','5.png','6.png'];
var boymouth = ['1.png','2.png','3.png','4.png','5.png','6.png'];

etc ...然后是一个包含所有数组列表的数组：

var randombit = ['boyhairhat','boychin','boymouth'];

然后以下函数尝试从徽标点击中更改随机元素：

function randomSelection() {
    return randombit[Math.floor(Math.random() * randombit.length)];
}

$.fn.randomImage = function(selection){
    $(this).click(function(){
        var cur = $('#'+selection+' img').attr('src');
        var rnd = cur;
        while(cur==rnd){
            rnd = 'selection' + selection[Math.floor(Math.random() * selection.length)];
        };
        $('#'+selection+' img').attr('src',rnd).show();
    });
};

$('#logo').randomImage(randomSelection);

但不用说它不太合适。非常感谢任何帮助。

Answer 1

改为使用：

var randombit = [boyhairhat,boychin,boymouth];

随机图像变为随机元素

1 个答案: