javascript图像交换影响太多图像

我收集了三张照片，两张小的一张大的。我想被设置，所以当你点击一个小的图像，它取代了较大的一个。问题是我收集了这三张图片中的三张，所以当你点击一张小图片时，它会占据所有三张大图片的位置。有没有什么建议可以让它只在大图像的某个部分拍摄？这里有一些代码。谢谢

$(document).ready(function(){
        $('img').click(function(){
        var url = $(this).attr('src');
        $(this).parents('.picture-container').find('.large-picture > img').attr('src', url);
        $('.large-picture > img').attr('src', url);
        $(this).attr('src', bigUrl);
        });
        });

图片部分（其中有三个）

精品制作工作室
我们建立了一个精品的全方位服务制作工作室，允许一人、两人和三人进行电影采访和对话。我们有摄影棚灯光、三个摄像头设置和远程监控。此外，我们的无限墙创造了一个干净和专业的外观，使电影是关于信息。

有很多jquery幻灯片/旋转木马可以满足您的需要

如果你需要一个片段来完成这一件事，你可能需要澄清你想要什么

从我收集的资料来看，任何时候都应该只有3张图片。一个是大的，另外两个是小的（比如缩略图？）。您希望单击一个小图像并让它替换大图像（这样小图像就和大图像一样大并占据其位置？）

然后，大图像是否会缩小并取代刚才选择的图像

---

就像你对小孩子解释一样。

我认为除了img src之外，我在html中没有做任何更改，所以这应该是可行的：

 <script>

       $(document).ready( function(){

          $(".small-picture > img").click( function(){ 

              var small_img = $(this);
              var small_img_src = small_img.attr("src"); 

              var img_container = small_img.closest(".picture-container");

              var large_img = img_container.find(".large-picture > img");
              var large_img_src = large_img.attr("src");

              large_img.attr("src", small_img_src);
              small_img.attr("src", large_img_src);

         });
     });


    </script>

$（文档）.ready（函数（）{
$（“.small picture>img”）。单击（函数（）{
var small_img=$（本）；
var small_img_src=small_img.attr（“src”）；
var img_container=小的img.最近的（“.picture container”）；
var large_img=img_container.find（“.large picture>img”）；
var large_img_src=large_img.attr（“src”）；
大的属性（“src”，小的属性）；
小的属性（“src”，大的属性）；
});
});

你完全正确。点击的小图片取代了大图片，大图片取代了点击的小图片。但是，有三个部分，我希望它是在一个部分点击一个小的图像将采取相同的部分，而不是所有的大图像。

 <script>

       $(document).ready( function(){

          $(".small-picture > img").click( function(){ 

              var small_img = $(this);
              var small_img_src = small_img.attr("src"); 

              var img_container = small_img.closest(".picture-container");

              var large_img = img_container.find(".large-picture > img");
              var large_img_src = large_img.attr("src");

              large_img.attr("src", small_img_src);
              small_img.attr("src", large_img_src);

         });
     });


    </script>