如何在 ASP.NET 中将一个图像复制到另一个图像?

nemostyle

这是我Registration.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 吗?或者也许它可以用剃须刀完成?也许图像应该是按钮的形式?任何想法?

彼得·B

假设所选图像是唯一具有 css class 的图像selected,请尝试以下操作:

var img1 = $('.slider .avatar.selected')[0];
var img2 = $('#copiedimage img')[0];
img2.src = img1.src;
img2.alt = img1.alt;
.avatar.selected {
  border: solid 2px blue
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="copiedimage">
  Selected image:
  <img class="default-avatar" src="" alt='default-avatar' />
</div>
<br/>
<div class="slider">
  Slider:
  <img class="avatar selected" src="https://i.stack.imgur.com/G1osH.jpg?s=32&g=1" alt='user1' />
  <img class="avatar" src="https://i.stack.imgur.com/HzMxg.jpg?s=32&g=1" alt='user2' />
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用asp.net Web服务将文件从一个目录复制到IIS根目录下的另一个目录?

来自分类Dev

如何将文本从asp:textbox复制到asp.net中的另一个asp:textbox webfroms aspx

来自分类Dev

如何在openpyxl中将图像从一个Excel复制到另一个?

来自分类Dev

如何在openpyxl中将图像从一个Excel复制到另一个?

来自分类Dev

如何将属性从一个.net对象复制到另一个

来自分类Dev

如何将属性从一个.net对象复制到另一个

来自分类Dev

Protobuf-net如何将RuntimeTypeModel复制到另一个?

来自分类Dev

如何在ASP.NET MVC中将另一个cshtml文件用作SelectPDF标头?

来自分类Dev

如何使用ASP.NET MVC和SQL Server将表字段值从一个表传递或复制到另一表

来自分类Dev

如何在ASP.NET MVC4中将ID从一个视图携带到另一个视图?

来自分类Dev

如何在ASP.NET MVC 4中显示从模型到另一个视图的列表

来自分类Dev

如何使用Excel VBA将一个图像复制到另一个图像

来自分类Dev

将一个数据表复制到asp.net中的另一个数据表

来自分类Dev

在另一个视图中将视图显示为图像ASP.NET MVC4

来自分类Dev

如何在另一个ASP.NET MVC项目中运行ASP.NET MVC项目

来自分类Dev

如何将表索引复制到ado.net中的另一个表

来自分类Dev

如何在ASP.NET中将两个图表系列绑定到一个SqlDataSource对象?

来自分类Dev

GridView中的每一行如何在asp.net中建立到另一个动作的超链接?

来自分类Dev

如何在ASP.NET MVC 4中将带有自己的控制器的局部视图添加到另一个视图

来自分类Dev

如何将值从一个控制器传递到ASP.Net MVC3中的另一个控制器

来自分类Dev

如何将数据从一个视图显示到另一个ASP.NET CORE 5.0 MVC

来自分类Dev

如何在Python中将多个XML节点复制到另一个文件

来自分类Dev

如何在Flutter中将列表值复制到另一个列表

来自分类Dev

如何在Python中将多个XML节点复制到另一个文件

来自分类Dev

如何防止Ajax重定向到Asp.net Mvc 5中的另一个页面

来自分类Dev

如何将值从Web表单传递到ASP.NET中的另一个表单?

来自分类Dev

如何将List <string>绑定到asp.net中另一个gridview内的gridview

来自分类Dev

如何将文本框的值传递到asp.net(vb)中的另一个页面

来自分类Dev

如何在javascript中将一个类的属性复制到另一个类,包括方法

Related 相关文章

  1. 1

    如何使用asp.net Web服务将文件从一个目录复制到IIS根目录下的另一个目录?

  2. 2

    如何将文本从asp:textbox复制到asp.net中的另一个asp:textbox webfroms aspx

  3. 3

    如何在openpyxl中将图像从一个Excel复制到另一个?

  4. 4

    如何在openpyxl中将图像从一个Excel复制到另一个?

  5. 5

    如何将属性从一个.net对象复制到另一个

  6. 6

    如何将属性从一个.net对象复制到另一个

  7. 7

    Protobuf-net如何将RuntimeTypeModel复制到另一个?

  8. 8

    如何在ASP.NET MVC中将另一个cshtml文件用作SelectPDF标头?

  9. 9

    如何使用ASP.NET MVC和SQL Server将表字段值从一个表传递或复制到另一表

  10. 10

    如何在ASP.NET MVC4中将ID从一个视图携带到另一个视图?

  11. 11

    如何在ASP.NET MVC 4中显示从模型到另一个视图的列表

  12. 12

    如何使用Excel VBA将一个图像复制到另一个图像

  13. 13

    将一个数据表复制到asp.net中的另一个数据表

  14. 14

    在另一个视图中将视图显示为图像ASP.NET MVC4

  15. 15

    如何在另一个ASP.NET MVC项目中运行ASP.NET MVC项目

  16. 16

    如何将表索引复制到ado.net中的另一个表

  17. 17

    如何在ASP.NET中将两个图表系列绑定到一个SqlDataSource对象?

  18. 18

    GridView中的每一行如何在asp.net中建立到另一个动作的超链接?

  19. 19

    如何在ASP.NET MVC 4中将带有自己的控制器的局部视图添加到另一个视图

  20. 20

    如何将值从一个控制器传递到ASP.Net MVC3中的另一个控制器

  21. 21

    如何将数据从一个视图显示到另一个ASP.NET CORE 5.0 MVC

  22. 22

    如何在Python中将多个XML节点复制到另一个文件

  23. 23

    如何在Flutter中将列表值复制到另一个列表

  24. 24

    如何在Python中将多个XML节点复制到另一个文件

  25. 25

    如何防止Ajax重定向到Asp.net Mvc 5中的另一个页面

  26. 26

    如何将值从Web表单传递到ASP.NET中的另一个表单?

  27. 27

    如何将List <string>绑定到asp.net中另一个gridview内的gridview

  28. 28

    如何将文本框的值传递到asp.net(vb)中的另一个页面

  29. 29

    如何在javascript中将一个类的属性复制到另一个类,包括方法

热门标签

归档