Scrolling Marquee

I had forgotten ALL about scrolling pictures on my sidebars. 

That is, until today.

Quite a few years ago I followed a blog by Louise Franks.

She had ALL KINDS of hints for the

burgeoning (is that the word I want?) blogger.

Alas, Louise switched to a more modern format

for building a blog

and she hasn't posted on that blog for a year or two.

Using Google, I googled her.

Come to find out she has a new website.

A combination of a Hypnotherapy site

and

Blog Design.

However, there was a contact me link

so I contacted her.

Hope she understands what I'm talking about.

Had this computer not crashed

I would still have her directions/program.

Oh Well . . . 

I finally figured out that I was looking for

"How to Make A Scrolling Marquee."

I played with a couple 

and came up with something I liked

(See top of left sidebar and below.)

What do you think?

I wish I could slow it down

AND

I wish I could add a caption for each.

But,

At least I can keep track 

of my projects

and update when needed.

BUT, it can be stopped with a mouse over
so that is good.

So I don't lose the information I found, 

I decided to add it here for safe keeping.

<center><marquee direction="up" onmouseover="this.stop()" width="150" scrollamount="4" onmouseout="this.start()" height="250"/>

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

<img src="Copy Image Address" alt="Name of Project" height="125" width="125" />

</marquee> 

Here is what will need to be done 

to get this gadget to work:

1. Go to Layout.
2. Click on Add Gadget.
3. Find this and click on it - Configure HTML/Java Script
4. Add the code listed above . . . only substitute your picture info for the bold/underlined sections.
5. Directions can be - Up, Down, Left or Right
6. Height and width can be anything between below 250. A nice small one would be 125. (I used 180. It seemed to look best.)
7. Then find the photos on your blog, right click and highlight Copy Internet Address.
8. Add this where it says Copy Image Address
9. If your project has a name, add it here Name of Project      . (I added the name so I could find the names easier when I looked at the code)

GOOD LUCK ! ! ! ! !