Arrows

[• Ambrose •]

I wasn't sure where to post this.

For my website I have built five separate pages that are accessible through a table of menu buttons. I have used mostly table codes for the website and so far it's functioning well.

For the home page, I want to feature the best of my work and I want them large enough to fill out the "body" table. My problem is that at this stage I can only put in one picture! I thought of doing a slideshow but I have no idea how to do that and I felt it might annoy some people especially if they are a bit impatient.

So my next thought was to use arrows that could change the pictures. I've looked for arrow codes with no luck lately, so I need help. Is there a way to simply put in arrows that are clickable so that the pictures will change back and forth? Would I need to use the <img src> and <a> codes to be able to do this? Or is there is a quicker and easier way that wouldn't take up so much space?

[Tylr]

Simplest solution:
<a href="Link_To_Next_Page"><img src="Arrow_Image" border="0"></a>
Anything embedded inside the <a> tag will be a link. The border="0" part will keep the arrow from having a blue line around it.

[• Ambrose •]

If I wanted to change the picture but not the page, I should put that code into the table with the pictures, right? So basically, it should be like a list of the pictures' URL(s) and a new URL for the arrows.

[Tylr]

No, not quite. You could do that with an iframe, but not with a table.

The most direct way to change an image with a link is with JavaScript:

<img src="OLDIMAGE" id="changeme">

<a href="javascript:document.getElementById('changeme').src='NEWIMAGE'">Click to change</a>

[RedBassett]

A simpler solution would be to look for a gallery script or javascript image slider. You should be able to find some stock codes online via Google.

EDIT:
Here is a list of various image galleries.