Jquery 如何在ASP.NET中将一个映像复制到另一个映像？

这是我的

注册.cshtml

页面上我的“化身”选项卡的图片：

我想将所选图像从此图像滑块复制到滑块上方的较大图像

这是我在

Registration.cshtml

中的代码：

<div id="copiedimage">
  <img class="default-avatar" src="@Url.Content("~/Content/Images/Account/avatar.png")" alt='default-avatar' />
 </div>
        <div class="slider">
          <img class="avatar selected" src="@Url.Content("~/Content/Images/Account/avatar.png")" alt='avatar' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_dog.png")" alt='dog' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_chihuahua.png")" alt='chihuahua' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_black_cat.png")" alt='black_cat' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_kitten.png")" alt='black_cat' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_mouse.png")" alt='black_cat' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_horse.png")" alt='horse' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_pig.png")" alt='horse' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_blue_bird.png")" alt='blue_bird' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_cow.png")" alt='cow' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_green_fish.png")" alt='green_fish' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_shark.png")" alt='shark' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_crab.png")" alt='crab' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_dolphin.png")" alt='dolphin' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_octopus.png")" alt='octopus' />
          <img class="avatar" src="@Url.Content("~/Content/Images/Account/avatar_seal.png")" alt='octopus' />
        </div>

我不知道这是否重要，但我的应用程序位于

MVC5

---

你需要更多的细节吗？我有这个滑块的jquery，我应该使用jquery吗？或者可以在剃须刀里做？也许图像应该是按钮的形式？有什么想法吗？

假设所选图像是唯一选择了css类

的图像，请尝试以下操作：


var img1=$（'.slider.avatar.selected'）[0]；
var img2=$（'复制图像img'）[0]；
img2.src=img1.src；
img2.alt=img1.alt
.avatar.selected{
边框：纯色2件套蓝色
}

所选图像：


滑块：
假设所选图像是唯一选择了css类
的图像，请尝试以下操作：


var img1=$（'.slider.avatar.selected'）[0]；
var img2=$（'复制图像img'）[0]；
img2.src=img1.src；
img2.alt=img1.alt
.avatar.selected{
边框：纯色2件套蓝色
}

所选图像：


滑块：
是，所选图像是唯一选择了css类
的图像。。。但是在这段代码之后，我的控制台中出现了错误：uncaughttypeerror:无法在jQuery.fn.init.$.fn.bxSlider（jQuery.bxSlider.js:1528）处设置未定义的属性'src'。我创建了一个代码片段来演示它的工作原理。可能是您的代码与您在问题中输入的内容不同，然后您需要修改
$（“…”）
调用中使用的选择器，以从页面检索图像元素。谢谢，我无意中在div中键入了一些内容，正如我对问题的预期答案，因此您的代码工作得非常完美！这是用于添加和删除所选类的附加单击功能的链接；-）是的，选定的图像是唯一选择了css类
的图像。。。但是在这段代码之后，我的控制台中出现了错误：uncaughttypeerror:无法在jQuery.fn.init.$.fn.bxSlider（jQuery.bxSlider.js:1528）处设置未定义的属性'src'。我创建了一个代码片段来演示它的工作原理。可能是您的代码与您在问题中输入的内容不同，然后您需要修改
$（“…”）
调用中使用的选择器，以从页面检索图像元素。谢谢，我无意中在div中键入了一些内容，正如我对问题的预期答案，因此您的代码工作得非常完美！这是用于添加和删除所选类的附加单击功能的链接；-）