페이지를 새로 고치지 않고 이미지를 변경하는 방법

다른 카드를 선택할 수있는 웹 사이트가 있습니다. 새 카드를 선택하면 페이지가 새로 고쳐지지 않는 방식이 필요합니다. 뒤로 버튼을 클릭하면 이전 선택 항목으로 돌아갑니다. 이전 페이지로 돌아 가야합니다. "변경 카드"에 사용자가 클릭 후 JQuery와 모달 상자가 열립니다하고 카드를 변경할 수 있습니다하면 다음 이미지 변화페이지를 새로 고치지 않고 이미지를 변경하는 방법

<div class="imgCard" style="padding-right: 50px"> 
     <asp:ScriptManager ID="ScriptManager" runat="server" /> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="conditional"> 
      <ContentTemplate> 
        <fieldset style="border-width: 150px; border-style: none"> 
         <asp:Image ID="imgCardChoice1" runat="server" /> 
         <br /> 
         <br /> 
         <a id="openChange1" href="#" style="color: Red">Change Card</a> 
        </fieldset> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
    </div>

에 대한 코드입니다. 어떤 도움이나 조언을 해주셔서 감사합니다. 필요한 경우 새 카드를 선택하기위한 코드가 C#에 있습니다.

출처

2013-04-12 Chris

당신은'UpdatePanel'을 사용하기 때문에 그 페이지에 대해'PostBack'을'#'로 설정할 수 없습니까? – MethodMan

더 많은 것을 알지 못하면서 AJAX를 사용해야하는 것처럼 들립니다. 이미 jQuery를 사용하고 있다면 jQuery.load()를 확인하십시오. 사이트의 URL에 AJAX 요청을 만들어 이미지 정보 만 반환하고 지정한 요소로로드 할 수 있습니다. http://api.jquery.com/load/

출처

2013-04-12 16:27:27 maelstrom

시도가 일부 자바 스크립트 기능을 사용하기 : 여기

는 문서에 대한 링크입니다. 이미지를 넣을 div를 만듭니다. 그런 다음 javascript 함수에서 ID를 호출하고 div ID를 호출하고 src를 넣을 이미지로 변경합니다. 링크 또는 wathever에서 이미지를 변경해야 할 경우 onclick 함수를 호출하고 javascript 함수를 사용하십시오. 내 웹 사이트에는 2 개의 이미지가 있으며 onmouseover는 완전히 다른 다른 div의 이미지를 변경합니다. 에 그것을보고 : http://roundhillevents.com 그리고 페이 스북 (Facebook)과 유튜브 로고에 커서를 전달하십시오. 아무 것도 표시되지 않으면 잠시 동안 커서를 그대로 둡니다. 추신 : forefox에서만 작동하며 이유를 모릅니다.

출처

2013-04-12 16:53:17

페이지를 새로 고치지 않고 이미지를 변경하는 방법

답변

관련 문제