Showing Pop up screens using JQuery Dialogue
<pre><code>&lt;html&gt;
&lt;head&gt;
  &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
&lt;%
String str ="Ravi";
%&gt;
 &lt;script&gt;
function changeIt(_src)
{
  $("#dialog").dialog();
}
 &lt;/script&gt;

&lt;/head&gt;
&lt;body &gt;
&lt;img onclick="changeIt(this)" src='Cham/ravi.jpg' name='myimage' height ="100" width="100"  /&gt;
&lt;div id="dialog" title="Dialog Title"&gt;
The Name is &lt;%=str%&gt;
&lt;img  src='Cham/ravi.jpg' name='myimage' height ="1000" width="1000"  /&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Hi , </p>

<p>On page start up , On a AJAX call , I have some  images present in a folder , i will fetch those paths and will show them on UI Page .</p>

<p>Now On click of that Image on the UI Page , i am trying to display a Jquery dialogue BOX  which must include some data from Database related to that Image details  and as well as that Image ( which was clicked ) in bigger size .  (Basically a POP UP)</p>

<p>when i include the Image also in the dialogue div , it looks awkward as the Image is loaded  at the Page loading only . </p>

<p>If this is not a better approach for showing POP ups on a rich web site 
as you people being  UI Experts , could you please advice me what would be the best approach ?? I am not sure if Light box suits for my requirement , please suggest me . Thanks in advance </p>
