jQuery UIで画像を表示するFancyBoxのようなダイアログウィジェット

Question

テーマとCSSフレームワークでjQueryを使い始めました。私は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(); 
});