I have a vertically sliding image gallery but the problem is when all the images are showed up one by one, it leaves long gap until it starts again. I want something without any space between. I mean no break, no picture-less space.

Obviously all the images will have a HTML link and when the mouse is over an image it is going to stop.

Thanks in advance

This is mine but with space at the end. I don’t want gap.

<marquee behavior="scroll" direction="up" scrollamount="2" scrolldelay="80" height="300px" onmouseover="this.stop()" onmouseout="this.start()">
<a href="1.html" title="1"><img src="images/1.gif" alt="1" /></a>
<a href="2.html" title="2"><img src="images/2.gif" alt="2" /></a>
<a href="3.html" title="3"><img src="images/3.gif" alt="3" /></a>

marquee behaves that way, the blank space is equal to the marquee size, it is a microsoft extension so its limited
perhaps a prewritten javascript slideshow from hotscripts or any of the other script repositories may provide a better hint on how to accomplish this without the marquee delay
I like dynamic Drive's stuff http://www.dynamicdrive.com/dynamicindex2/