Javascript 如何使用图像执行jquery老虎机？

演示上面的CASIHG问题

正如您所看到的，当您使用它时，图像不会在框中对齐，有时框中可能有两个图像

我有所有的图片在al ul类称为插槽（不知道这是否会有帮助？）

有可能使图像对齐吗

我正在学习本教程：

如果你需要我提供更多的信息或代码，你可以问

额外信息：

所有图像均为145x145px

谢谢

这是存储图像的地方，然后循环显示图像

<br>
<div class="fancy">
    <ul class="slot">
        <li><img src="Knife.png"></li>
        <li><img src="SSG 08.png"></li>
        <li><img src="P2000.png"></li>
        <li><img src="UMP-45.png"></li>
        <li><img src="PP-Bizon.png"></li>
        <li><img src="P250.png"></li>
        <li><img src="P90.png"></li>
        <li><img src="Nova.png"></li>
        <li><img src="Negev.png"></li>
        <li><img src="Mp7.png"></li>
        <li><img src="PP-Bizon.png"></li>
        <li><img src="P250.png"></li>
        <li><img src="P90.png"></li>
        <li><img src="M4A1-S.png"></li>
        <li><img src="Gock-18.png"></li>
        <li><img src="Five-SeveN.png"></li>
        <li><img src="Desert Eagle.png"></li>
        <li><img src="CZ75-Auto.png"></li>

---

这样会继续添加更多图像

您有一个错误。我在代码中标记了它：

onStart : function() {
    $('.slot').removeClass('winner');
    audio.play();  // <-- ReferenceError: audio is not defined
    Money = Money + 2.50
    document.getElementById('Money').innerHTML = Money;
},

编辑2：

---

您还有一个

混合内容

错误，因为您的页面url是

https

，但您通过

http

请求jquery。将jquery脚本标记

src

更改为

https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js

您可能应该将相关代码作为一个工作片段放在这里。您认为哪些代码与此相关老虎机中的图像仍然被切断…我编辑了它，现在查看一下。我仍然有问题。dropbox链接不是下载，你可以观看游戏，但图像仍然会被切断。当你旋转的时候，它们会为你被切断吗？它确实有效。。。我忘了带花括号了：(

.fancy .slot li img {
    width: 145px;
    height: 145px;
}