如何使用javascript / jquery更改ASP.NET图像控件？ [英] How to change ASP.NET image control using javascript/jquery?

问题描述

基本上我想要做的是，当我点击名为subImage的asp图像控件中的图像时，照片应该显示在另一个名为brandImage的asp图像控件中。问题是当我点击subImage时，没有任何反应。我尝试使用javascript和jquery实现效果。这是aspx代码和jquery：



我尝试过：

Basically what i want to do is, when i click an image in asp image control called "subImage", the photo should be displayed in another asp image control called "brandImage". The problem is when i click the subImage, nothing happens. I try to achieve the effect using javascript and jquery. Here is the aspx code and the jquery:

What I have tried:

<div id="thumbnailWrapper">
<button id="prev" class="portfolioNavigation">Previous</button>
<div id="container">
<ul id="imageList">
<li>

<asp:Repeater ID="Repeater3" runat="server" 
OnItemDataBound="subImages_ItemDataBound" ItemType="thumbnailImage" 
SelectMethod="GetThumbnail"> 
<ItemTemplate>
<asp:Image ID="subImage" runat="server" ImageUrl='<%# Item.subimages %>' 
CssClass="subPicStyle"/>
</ItemTemplate>
</asp:Repeater>

</li>
</ul>
</div>

<button id="next" class="portfolioNavigation">Next</button>
<script src="../Javascript/thumbnailNavigation.js"></script>
<script src="../Javascript/thumbnailSelection.js"></script>
</div>

<div class='guitarItemsDetailsImage'>
<asp:Image ID="brandImage" runat="server" ImageUrl='<%# Item.itemimage2 %>' 
height="900px" width="370px" />
</div>

var imgSrc = document.getElementById("<%=subImage.ClientID %>").src;
$(function () {
   $("#<%= subImage.ClientId %>").on("click", function (e) {
   e.preventDefault();
   $("#<%= brandImage.ClientId %>").attr("src", imgSrc);
   $("#<%= subImage.ClientId %>").attr("disabled", "disabled");
  });
});

推荐答案

（ function （）{

（ ＃<％= subImage.ClientId％>）。on（ 单击， function （e）{
e.preventDefault（）;

("#<%= subImage.ClientId %>").on("click", function (e) { e.preventDefault();

（ ＃<％= brandImage.ClientId％>）。attr（ src，imgSrc）;

("#<%= brandImage.ClientId %>").attr("src", imgSrc);

这篇关于如何使用javascript / jquery更改ASP.NET图像控件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！