Marquee's

[feoperro]

Hi,

I'm trying to make a marquee within a table that uses 1 picture and goes on for infinity, without a gap between where it ends and where it starts each time it loops. Could someone please tell me how to do this?

Thanks,
-Ashton.

[Airshow]

Ashton,

I'm not sure what you mean by "marquee" in this context but you seem to be describing a background-image applied to a table.

You may get cross-browser differences in exactly how it renders (viewport origin vs. element origin), so best test thoroughly.

Airshow

[feoperro]

Airshow, have a look at this link:

http://www.quackit.com/html/codes/html_marquee_code.cfm

I want something like that, but it doesn't seem to work in a table for some reason....

[Airshow]

Ashton,

Aha, that sort of marquee! I had a quick play and can't achieve exactly the behaviour you seek.

You can do this:

table border>
<tr>
<td style="width:100px;"><marquee behavior="scroll" direction="left" hspace="0" vspace="0"><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /><img src="http://www.quackit.com/pix/smile.gif" width="100" height="100" alt="smile" border="0" /></marquee></td>
</tr>
</table>

but how ever many <img>s you cram in, there's always a gap of one image width after the last one before the whole thing repeats.

Someone may know a special trick but I think you may end up having to write your own marquee function in javascript to dynamically control the position of two adjacent images.

Airshow

[feoperro]

Hi,

I didn't find exactly what I was looking for but I did find this:

http://www.dynamicdrive.com/dynamicindex4/leftrightslide.htm

Which is customizable, the borders, the gaps, etc... Just have to play around with it a bit.

You can find more on DynamicDrive by searching "Conveyor Belt" or "Marquee"

Regards,
-Ashton.

[burminsky_pv]

Thanks a lot Ashton. I would try it.

[rajarajan2017]

Here you can see the ouput for different attributes:

http://www.mountaindragon.com/html/marquee.htm