Making a scrolling marquee

So you want a slideshow, but you'll be happy to get one of those ones where the pictures scroll from right to left? I will show you how to do that. It's fast and simple.

There are a lot of different things you can do with marquees. If you want to learn more, you can look them up on the internet. But for now, because it's the most useful and the easiest, I'm just going to show you the one on top.

Note: Firefox does not display this post properly within the main page. To see all the effects, click the entry title and view it as a single post.

Scrolling Marquees

It's really pretty easy. The marquee tags to make images scroll from right to left are <marquee></marquee>
To make one image scroll, put one image between like this:
<marquee><img src="http://myimagesource.com/image.gif"></marquee>

To make two images scroll, put two images between them like this:
<marquee><img src="http://myimagesource.com/Image1.gif"><img src="http://myimagesource.com/Image2.gif"></marquee>

You can put a space between the images if you like
<marquee><img src="http://myimagesource.com/Image1.gif"> <img src="http://myimagesource.com/Image2.gif"></marquee>

You can even scroll text.
<h2>I want everybody to read my message as it scrolls across the screen.</h2><marquee></marquee>

I want everybody to read my message as it scrolls across the screen.

You can even reverse direction by adding a 'direction="right"' to the first tag.
<marquee direction="right"><img src="http://myimagesource.com/Image1.gif"> <img src="http://myimagesource.com/Image2.gif"></marquee>

Warning! Never scroll text from right to left!
<marquee direction="right"><h2>I want everybody to read my message as it scrolls across the screen.</h2></marquee>

I want everybody to read my message as it scrolls across the screen.

Things to remember:

• A big marquee with a lot of photos in it can take a long time to download. I saw a page yesterday in the top 10 with so many marquees and slideshows on it that I thought none of the links were working. You wouldn't want a potential caller to go away if he thought something was wrong with your page.


• Limit your marquees to one per screen. That means that the viewer should never see more than one at a time.


• Marquees don't display properly in all browsers consistently.


• Remember, you want the viewer to think, oh, that's hot, not did she design my daughter's myspace page? or worst of all I think I need reading glasses, I'm going blind!

.

Too much of the wrong page animation can be very 90's. Think subtle.

Read more...