이미지 및 텍스트 입력이있는 메시지 상자

Question

두 줄의 입력 텍스트와 함께 이미지를 표시 할 수 있어야합니다. 누군가가 그것을 할 수있는 좋은 최소한의 플러그인을 알고 있는지 궁금합니다. 보안 문자처럼 CAPTCHA를 프록 싱하기위한 것입니다. 너무 크지는 않습니다.

감사합니다.

Answer 1

나는 jQuery Tools, 특히 Overlay을 제안합니다. 기본 오버레이 코드로

<div id="overlay"> 
    <div><img src="" id="picture" /></div> 
    <div><input type="text /><input type="text" /></div> 
    <button class="close">Submit</button> 
</div> 

: 그것은 다음과 같이 보일 것이다 그런 다음 어떤 제출 조치, 검증, 등 (문서 here)을 수행 할 onBeforeClose 이벤트를 사용할 수 있습니다

$("#overlay").overlay({ 
    closeOnClick: false, 
    closeOnEsc: false 
}); 

. 당신은 페이지가로드 된 후 이미지를 변경해야하는 경우

, 당신은 사용하여 다음을 수행 할 수 있습니다

$("#picture").attr("src", varWithSource); 

당신이 그것을 필요로하는 경우에, 당신은 또한 같은 검증 및 구조를위한 jQuery를 도구의 양식 도구를 사용할 수 있습니다 form inside an overlay.