Jquery 点击图像淡出并替换为新图像

我有这样一个图像列表：

<div class="new-slider">
<ul>
    <li><img src="1.png" alt="1" /></li>
    <li><img src="2.jpg" alt="2"/></li>
    <li><img src="3.jpg" alt="3"/></li>
    <li><img src="4.png" alt="4"/></li>
    <li><img src="5.jpg" alt="5"/></li>
    <li><img src="6.png" alt="6"/></li>
    <li><img src="7.jpg" alt="7"/></li>
    <li><img src="8.jpg" alt="8"/></li>
    <li><img src="9.png" alt="9"/></li>
    <li><img src="10.jpg" alt="10"/></li>
</ul>
</div>

---

我想显示10张中的5张图片，当我点击其中任何一张图片时，它会淡出并淡出一张新图片。始终需要显示5个图像。jQuery是否可以做到这一点，或者任何滑块或图库都可以做到这一点？

当前技术无法做到这一点。我们正在努力，我做了这个密码笔。我不能对此发表评论。我不明白他们关于链接的规定。到目前为止你试过什么，Axis？我在这里没有看到任何编程错误。只有一个编程需要。你需要的是专业的网页设计服务，而你上错了网站。当您有自己的代码没有按预期的方式工作时，请来到这里。最后我得到了我的解决方案：我已经完成了使用jquery$（“.new slider ul li”）。单击（function（）{$.when（$（this.fadeOut（））.done（function（）{$（this.appendTo）（.new slider”）；$（this.fadeIn（）；}）；用目前的技术是不可能的。我们正在努力，我做了这个密码笔。我不能对此发表评论。我不明白他们关于链接的规定。到目前为止你试过什么，Axis？我在这里没有看到任何编程错误。只有一个编程需要。你需要的是专业的网页设计服务，而你上错了网站。当您有自己的代码没有按预期的方式工作时，请来到这里。最后我得到了我的解决方案：我已经完成了使用jquery$（“.new slider ul li”）。单击（function（）{$.when（$（this.fadeOut（））.done（function（）{$（this.appendTo）（.new slider”）；$（this.fadeIn（）；}）；