동적으로 그림 설정 src asp.net

버튼 클릭으로 이미지의 src를 설정할 수 있습니다. 각 단추는 내 "이미지"영역에 표시되어야하는 그림을 나타냅니다. 버튼 클릭에 의해 영향을받는 이미지 영역의 SRC 속성이 필요합니다. C#으로 Visual Studio 2012를 사용 중입니다.동적으로 그림 설정 src asp.net

- 편집 : C#

출처

2012-11-04 ModS

을, 당신이 뭔가를 할 수 있습니다 :

C# :

protected void btnClick(object sender, EventArgs e) { 

      Button btn = (Button) sender;  

      switch (btn.ID) { 

       case "btn1": img.ImageUrl = "<Image_Url>"; break; 

       case "btn2": img.ImageUrl = "<Image_Url>"; break;    
      } 
     }

ASPX 페이지에서

<asp:Image ID="img" runat="server" /> 
<asp:Button ID="btn1" runat="server" OnClick="btnClick" /> 
<asp:Button ID="btn2" runat="server" OnClick="btnClick" />

출처

2012-11-04 06:33:44 loxxy

매우 내가 사용하는 결국 무엇을하고 감사합니다 보호 무효를 Button1_Click (개체를 보낸 사람을, EventArgs입니다 전자) {Image1.ImageUrl = ("~/481174_3728211758383_145482873_n.jpg");} 나는 당신의 도움을 주셔서 감사합니다! – ModS

예와 비주얼 스튜디오 2012 년 AJAX 업데이트 패널을 사용. JavaScript를 사용하고 단추에 클릭 핸들러를 연결하여이 작업을 수행 할 수 있습니다 (onclick = "loadImage1()").

loadImage1 함수를 사용하려면 이미지 요소의 src 특성에 액세스하고이를 변경하는 데 필요한 javascript를 작성해야합니다.

일반 자바 스크립트 (위의 개념 참조) 또는 jQuery와 같은 일부 자바 스크립트 라이브러리로이를 수행 할 수 있습니다. 크로스 브라우저 호환성을 위해 그리고 크로스 브라우저 안전한 로직을 작성하지 않아도되는 것을 막기 위해 jQuery가이 문제를 해결할 것을 제안합니다.

<img id="img1" src="initialimagehere.jpg"/>

그리고 다음과 같이 src 속성 변경할 수 있습니다

$("#img1").attr("src","newimagehere.jpg");

jQuery를 : 포스트 백이 모든 이미지 변화를 위해 당신에게 허용되는 경우 this link

출처

2012-11-04 06:18:45 Hardrada

내 세션 [VAR] 내 업데이트 판넬에 대한 트리거로 사용되는 값을 할당 버튼이있는 경우; 난 여전히 버튼뿐만 아니라 자바 스크립트 기능을 첨부 할 수 있습니까? – ModS

예. 업데이트 패널은 onclick (일반 html 단추) 또는 onClientClick (asp.net 단추)이 유지되도록 콘텐츠 템플리트에있는 내용을 되돌려줍니다. 주의해야 할 점은 src 값을 변경하고 업데이트 패널이 실행되면 자바 스크립트 클라이언트 측 변경 사항을 다시 렌더링하고 "덮어 씁니다"라는 것입니다. 이 경우, 나는 다른 하나를 선택합니다. 게시물의 업데이트 패널에 대한 사전 지식이 없으므로 좀 더 직접적인 경로를 선택했습니다. – Hardrada

업데이트 패널에서 MS Ajax를 사용하고 있다는 사실을 포함하도록 질문을 업데이트해야합니다. 보조 노트로 jquery가 페이지에 대한 비동기 게시 기능을 사용하여 세션 정보 설정에 도움이 될 수 있습니다. 업데이트 패널의 큰 오버 헤드를 완전히 제거 할 수 있습니다. 나는 당신이 더 많은 정보가 필요하다면 그것에 대한 또 다른 질문을 시작할 것이다. – Hardrada

동적으로 그림 설정 src asp.net

답변

관련 문제