javascript左/右滑动分区

嗨，伙计们！我想制作一个div的幻灯片切换效果。下面是我的html文件中的代码。我的div是500px宽50px高。我想让它在按下div中的第一个图像时在屏幕上左/右滑动。这是一个工具箱，其中包含两个图标。left-left.jpg中的第一个图像应该是swop图像（某种按钮-这是一个指向左侧的箭头，移动div后，该箭头应该指向右侧-我的意思是图片应该更改）。我浏览了web，看到了不同的jQuery示例，但找不到满足我需求的确切解决方案。我知道这是一个伟大的社区，希望有人能帮助解决这个问题！提前谢谢你

<script> 
$(function(){
$("#clicky").click(function(){
    $("#slide").animate({marginLeft:'500px'},'slow');   
});
});
</script>
<div id="slide">
<img  id="clicky" src="left.jpg" width="15" height="15" />
Div Content here...</div>    

$（函数（）{
$（“#clicky”）。单击（函数（）{
$（“#幻灯片”）.animate（{marginLeft:'500px'}，'slow'）；
});
});
Div内容在这里。。。

作为第三个参数，您可以传递一个函数，该函数将在动画完成时触发。大概是这样的：

$("#slide").animate({marginLeft:'500px'},'slow', function(){
  $("img#clicky").attr("src", "right.jpg");
}); 

---

你是否找到或尝试过你的代码？你想在按下图像时将其向右浮动？在询问之前，你是否尝试过自己编写代码？如果是的话，你能把它也贴在这里吗？嘿，伙计们！谢谢你的快速回复。这是一个测试链接：我发现这段代码很接近我的需要，但它不会切换内容，我需要在滑动内容中使用切换图像/按钮是的，这适用于切换图像-谢谢！但是切换div呢？