如何使用jquery-ui的幻灯片效果？

Question

嘿伙计们到目前为止我有以下代码但不确定如何在我正在加载的图像上使用jquery幻灯片效果

.js我到目前为止已经加载了

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="jqueryui.js"></script>

HTML代码

<div align="center"><img src="images/personal_photo.png" width="900" height="850" alt="Awesome effects"></div>

注意：由于我不知道如何应用jquery-ui效果，我没有对代码做任何事情。

Answer 1

$("img").click(function () {
      $(this).hide("slide", { direction: "left" }, 1000); 
});

从 http://docs.jquery.com/UI/Effects/Slide

Answer 2

如果要显示对象并且希望幻灯片向左侧 ，则必须反转幻灯片的方向。如下所示：

$("img").click(function () {
  $(this).show("slide", { direction: "right" }, 1000); 

}）;