代码之家 › 专栏 › 技术社区 › nemostyle

如何在ASP中将一个图像复制到另一个图像。网络?

asp.net-mvc-5 razor asp.net jquery

0

nemostyle · 技术社区 · 8 年前

这是我在 Registration.cshtml 页码:

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

这是我的密码 登记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吗?或者可以在剃须刀里做?也许图像应该是按钮的形式?有什么想法吗?

1 回复 | 直到 8 年前

1

2

Peter B 8 年前

假设所选图像是唯一具有css类的图像 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>