Tuesday, 10 May 2005 - 8:05 AM EDT

First time I ever saw a scrolling image marquee. That's pretty neat and done pretty simply using just an html marquee tag. This may not work in older Netscape browsers. Here's the code for the scrolling images you see on that site.

<marquee scrollamount="3"scrolldelay="35">
<img src="b1.jpg">
<img src="b2.jpg">
<img src="b3.jpg">

<img src="b5.jpg">
<img src="b6.jpg">
<img src="b7.jpg">
<img src="b8.jpg">
<img src="b9.jpg">
<img src="b10.jpg">
<img src="b11.jpg">
<img src="b12.jpg">
<img src="b13.jpg">
</marquee>

replace the img src='b1.jpg' with your own image names. If your images are in a subdirectory then that needs to appear there, too. For instance, if you keep images in a subdirectory called "images", your code would look like this...

<img src="images/somefilename.gif">


increase or decrease the number of images in the above script by adding or removing the number of image tags you want. Be careful to keep the images small in file size. Most of the images used in the marquee you saw are about 5-7KB each which seems about right. All are more or less the same physical dimensions as well. I would probably not want to use more than 10-12 scrolling images of that file size on a single page.

Increase/decrease the scrolldelay variable to scroll faster or slower as you wish.

I'd probably write the marquee tag in a simple text editor like notepad then paste it into your page when it's completed. Paste it anywhere in the page body where you want the images to scroll

There are tons of slideshow scripts offered free on the net. Try a google search for "slideshow script". The marquee tag will probably be easier to set up than a slideshow script.

Tuesday, 10 May 2005 - 8:11 AM EDT

OOPS- the first line of the marquee tag is missing a space. The correct line should look like this......

<marquee scrollamount="3" scrolldelay="35">

Tuesday, 10 May 2005 - 11:11 AM EDT

Go to http://www.dynamicdrive.com
Look under images. What I see there is a slide show. That's what it is on dynamicdrive.. You can see in their website they have tons of different codes to paste in your editor. My menu is from dynamicdrive. I've used them since beginning of my html days. Feel free to come to my website and leave messages for help on my tag board.

Tuesday, 10 May 2005 - 11:22 AM EDT

Holli- try the html image marquee tag just for the heck of it. It's much simpler in design and easier to insert than most scripts and doesn't require that javascripting be enabled in a visitor's browser. Visitor's just need an IE4+ or newer Mozilla based browser like Netscape 6 or 7. Nice thing is images don't have to be the exact same size as most js slide shows and java image applets require. I think even html beginners should be able to edit the code and use it pretty easily.

Tuesday, 10 May 2005 - 12:33 PM EDT

Do I copy and paste it into my index? I have never done this before. Thanks

Tuesday, 10 May 2005 - 1:26 PM EDT

It is better to add height="80" or "100" because the browser like netscape may not catch the marquee tag right from the first time you may have to reload the page inorder to see the images.

I am using netscape7.2 the first time I saw the top of two images only the rest is blank when I reloaded the page the rest of the images appeared.

Tuesday, 10 May 2005 - 2:10 PM EDT

CW- Where do I copy and paste too! Is it in the index.htlm? Then for my pictures can I get them from one of my photo albums or a CD?

Tuesday, 10 May 2005 - 2:39 PM EDT

Adding height (and width) is a good idea. There are a few other parameters you can control through the marquee tag such as direction of scroll. The link above describes more attributes. (Not all attributes work outside IE).

I had that temporary missing image problem in IE but it's only until the images load and that would happen in a scripted slideshow, too. That's why a few small sized image files are best to use. Preloading them could help. Or lengthening the scrolldelay so images have more time to load.... and maybe restricting the scroll box to a smaller percentage of the screen.

This looks like a neat tag. I hope it's something that is or will soon be a part of the W3C standard. It's simple and looks like it could be useful.

Tuesday, 10 May 2005 - 2:48 PM EDT

I've never had a problem with their codes ... even when I first started. :)
Just wanted to give some help though.

Tuesday, 10 May 2005 - 4:01 PM EDT

I want to add some cool pictures to my main page. Do I copy and paste whats above if so where do I do that? Any suggestions will help!

Tuesday, 10 May 2005 - 4:32 PM EDT

Copy and paste the code into notepad or wordpad. You may need to replace the left tag brackets (<) after pasting into notepad as they were specially coded to display here on the blog.

Add your image file paths (img src=), including any subdirectories needed to reach your images. For instance, if you are using pics kept in a subdirectory called "images, the img src code would look like this...

<img src="images/somepic.jpg">

Remove unused img src tags as needed, or add more if you have more pics. Just don't overload the scroller with too many or too heavy pics. Watch the sizes of the files. They should be small in terms of KB. 5 KB or less for each image should be about right.

Copy the completed code from notepad and paste it into the page body html where you want the scrolling images to appear.

If you try it and need more help post back.