Implementing Facebook-like previous and next image effects using jQuery
<p>These two div tags both display previous and next image from actual large image:</p>

<pre><code>&lt;div class="alignleft"&gt;&lt;a href="1005.php"&gt;&lt;img width="50" height="50" src="thumb-98.jpg" class="previous"&gt;&lt;/a&gt;&lt;/div&gt;

&lt;div class="alignright"&gt;&lt;a href="1051.php"&gt;&lt;img width="50" height="50" src="thumb-100.jpg" class="next"&gt;&lt;/a&gt;&lt;/div&gt;
</code></pre>

<p>It displays the actual large image:</p>

<pre><code>&lt;img width="600" height="800" src="99-600x800.jpg" class="large-image"&gt;
</code></pre>

<p>I was thinking (a la Facebook) on action hover of large image, show the hidden next and previous linked thumbnails in the vertical center of the large image, previous close to the left side and next at the right side. </p>

<p>How can this be done?</p>
