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

Question

我刚开始使用jQuery与主题和CSS框架.我正在为我的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();
});