title: How to use Slide effect with jquery-ui?
body: <p>I have the following code so far but not sure how I can use jquery slide effect on an image I'm loading in a <code>&lt;div&gt;</code>.</p>
  <p>.js I have loaded so far</p>
  <pre><code>    &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;jqueryui.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>The HTML code is</p>
  <pre><code>&lt;div align=&quot;center&quot;&gt;&lt;img src=&quot;images/personal_photo.png&quot; width=&quot;900&quot; height=&quot;850&quot; alt=&quot;Awesome effects&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>Note: Since I dont know how to apply the jquery-ui effects I have not done anything with the code.</p>