FancyBox와 같은 jQuery UI 대화 상자 위젯으로 이미지 표시

Question

jQuery를 테마 및 CSS 프레임 워크와 함께 사용하기 시작했습니다. 내 AJAX 호출에 대한 일부 대화를하고 있는데 모든 것이 잘 작동하지만 이미지를 표시하는 데 문제가 있습니다.

지난 FancyBox에서 단순히 동일한 페이지의 이미지를 미리보고 앵커에 클래스를 적용한 다음 $("a.example.").fancybox();과 같은 작업을 수행했습니다.

jQuery UI 대화 상자에서이 작업을 수행 할 여지가 있습니까?

고마워요!

Answer 1

HTML을

<a class="preview" href="#" /> 
<div class="myImage"> 
    <img src="http://myimage.png" alt="myimage" /> 
</div> 

CSS

div.myImage 
{ 
    display: none; 
} 

jQuery를

$("a.preview").click(function() { 
    $('div.myImage').dialog(); 
});