Html 仅显示第一个图像的图像的ul

我在jQuery中创建了一个滑动列表，当手动测试将图像移动到左侧时，它会将边距从一个接一个显示的图像列表移到另一个列表，显示下一个图像没有正确显示，我不知道为什么。 这是我的HTML：

<div id="slider">
<ul class="pages">
    <li class="page">
        <a href="article.html" >
            <img src="images/iphone-5s2.jpg" alt="an iPhone 5S">
        </a>
    </li>
    <li class="page">
        <a href="#" >
            <img src"images/network-cables2.jpg" alt="Network cables">
        </a>
    </li>
    <li class="page">
        <a href="#" >
            <img src"images/black-keyboard2.jpg" alt="Close up of a black keyboard">
        </a>
    </li>
</ul>

下面是我移动图像的截图，显示第二个图像未正确显示：

---

所有图像都在同一个文件夹中，如果我更改顺序，每次只加载第一个图像

属性

src

后缺少

=

，因此该属性被忽略，图像没有有效的源

<img src="images/network-cables2.jpg" alt="Network cables">
<img src="images/black-keyboard2.jpg" alt="Close up of a black keyboard">
       ^^

^^

属性

src

后缺少

=

，因此该属性被忽略，图像没有有效的源

<img src="images/network-cables2.jpg" alt="Network cables">
<img src="images/black-keyboard2.jpg" alt="Close up of a black keyboard">
       ^^

^^

属性

src

后缺少

=

，因此该属性被忽略，图像没有有效的源

<img src="images/network-cables2.jpg" alt="Network cables">
<img src="images/black-keyboard2.jpg" alt="Close up of a black keyboard">
       ^^

^^

属性

src

后缺少

=

，因此该属性被忽略，图像没有有效的源

<img src="images/network-cables2.jpg" alt="Network cables">
<img src="images/black-keyboard2.jpg" alt="Close up of a black keyboard">
       ^^

^^