使用jQuery UI Dialog小部件显示图像，如FancyBox

Question

我刚开始在主题和CSS框架中使用jQuery。我正在为我的AJAX调用做一些对话，一切运行良好，但我在显示图像方面遇到了问题。

我在过去的FancyBox中使用它来简单地在同一页面中预览图像，将一个类应用于锚点然后执行以下操作：$("a.example.").fancybox();。

使用jQuery UI Dialog可以做到这一点吗？

谢谢！

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();
});