Afficher des images avec le widget de dialogue de l'interface utilisateur jQuery comme dans FancyBox

Question

Je viens de commencer à utiliser jQuery avec des thèmes et un framework CSS. Je fais des boîtes de dialogue pour mes appels AJAX et tout fonctionne bien, mais j'ai un problème avec l'affichage des images.

J'ai utilisé dans le passé FancyBox pour simplement prévisualiser des images dans les mêmes pages, en appliquant une classe à l'ancre, puis en faisant quelque chose comme: $("a.example.").fancybox();.

Est-il possible de faire cela avec jQuery UI Dialog?

Merci pour vous!

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