Jquery 点击按钮在HTML中随机更改图像

我想改变图像随机鼠标点击。 我发现这个选项：

<SCRIPT LANGUAGE="Javascript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<A HREF='index.html'><IMG SRC='images/pic1.jpg'></A>"
b[n++]= "<A HREF='index.html'><IMG SRC='images/pic2.jpg'></A>"
b[n++]= "<A HREF='index.html'><IMG SRC='images/pic3.jpg'></A>"
b[n++]= "<A HREF='index.html'><IMG SRC='images/pic4.jpg'></A>"
i=Math.floor(Math.random() * n) ; 
document.write( b[i] )
</SCRIPT>

函数banner（）{}；b=新横幅（）；n=0
b[n++]=“”
b[n++]=“”
b[n++]=“”
b[n++]=“”
i=Math.floor（Math.random（）*n）；
文件。写入（b[i]）

这个选项工作得很好，但我需要“pic1”始终是第一张图片（也是在刷新页面时），并且“pic1”不会是鼠标单击时随机更改的其他图片之一

谢谢,，

---

aviv

我只是为一个项目做了这件事，第一张幻灯片总是一样的

继续点击变更单n以查看第二张/第三张图像的变更

<button class="randomize">Change Order!</button>

<ul>
    <li class="slide active">
        <img src="http://placehold.it/250x250" />
    </li>
    <li class="slide active">
        <img src="http://placehold.it/350x250" />
    </li>
    <li class="slide active">
        <img src="http://placehold.it/450x250" />
    </li>                
</ul>


$(document).ready(function() {
    // Randomize slides except first
    $('.randomize').click(function(e) {
        $('ul').each(function(){
            var $ul = $(this);
            var $liArr = $ul.children('li:not(:first)');

            // sort array of list items in current ul randomly
            $liArr.sort(function(a,b){
                var temp = parseInt( Math.random()*10 );
                var isOddOrEven = temp%2;
                var isPosOrNeg = temp>5 ? 1 : -1;
                return( isOddOrEven*isPosOrNeg );
            })
            // append list items to ul
            .appendTo($ul);            
        }); 
    });
});

变更单！








$（文档）.ready（函数（）{
//除第一张幻灯片外，将幻灯片随机化
$（'.randomize'）。单击（函数（e）{
$（'ul'）。每个（函数（）{
var$ul=$（本）；
var$liArr=$ul.children（'li:not（：first'）；
//对当前ul中的列表项数组进行随机排序
$liArr.sort（函数（a，b）{
var temp=parseInt（Math.random（）*10）；
var isOddOrEven=temp%2；
变量IsPosoreng=温度>5？1:-1；
返回（isOddOrEven*isposoreng）；
})
//将列表项附加到ul
.appendTo（$ul）；
}); 
});
});

只需从脚本中取出pic1并将其添加到页面的HTML中即可；只在单击时调用脚本，不在页面加载时调用脚本。感谢您的回复。我真的不知道javescript。我只是想在我的网站中嵌入正确的代码。如果你能告诉我如何在点击时调用脚本，而不是在页面加载时调用脚本，我将不胜感激。我知道如何只在单击时调用脚本。谢谢你，avivbtw，我从某处抓取了大部分内容，但是我找不到问题。你的页面上有jQuery加载吗？什么锚/按钮应该随机排列顺序？我只是想解决这个问题。这是目前网站上唯一的内容。我的页面上没有jQuery加载。我只是想说我真的不知道jQuery。我知道只是把它嵌入代码中。我更新了我的答案，它实际上是复制/粘贴的。如果要内联加载javascript，请确保将其包装在脚本标记中。