jquery未加载"scr“

Question

我编写了一个JQuery代码，当用户点击缩略图时，主滑块改变数据库的数据-img；代码工作和‘`img附加到主滑块机器人没有显示！和图像不加载，在铬ispector生成的图像不像一个链接，

这是我的密码：

$(function () {
        $('.product-item').click(function () {
            var $img = $(this).find('img').attr('data-img');
            var $slider = '<img scr=' + $img + ' />';
            $($slider).appendTo('.large_image');
        })
    })

这是一些html

<div class="large_image">
  <img src="Images/slider/customer1.jpg" />
 </div>
                <div class="product-thumb">
                    <a href="#" class="span3 product-item">
                        <img src="Images/slider/slide2/thumb/customer_item.jpg" data-img="Images/slider/slide2/webpage1.png" />
                        <span>
                            <img src="Images/pet-ico.png" />
                            sample text
                        </span>
                    </a>
                        <a href="#" class="span3 product-item">
                            <img src="Images/slider/slide2/thumb/customer_item.jpg" />
                            <span>
                                <img src="Images/pet-ico.png" />
                                sample text
                            </span>
                        </a>

Answer 1

图像的属性应该是src而不是scr。

Answer 2

希望能帮上忙

img标签应该是，

 <img src='imge source'>

在img标签scr中出现了一个错误，而不是src，所以，

  $(function () {
    $('.product-item').click(function () {
        var $img = $(this).find('img').attr('data-img');
        var $slider = '<img src=' + $img + ' />';
        $($slider).appendTo('.large_image');
      });
  });