Read Me File

Slideshow Example Directory

This directory is setup so that you can see for yourself, how to arrange a Slideshow.

ALL files are kept in 1 directory for easy access and ease of typing for URL's. If ALL connected files are in the same directory, you will ONLY have to put the information I have put in each file for the URL. If you have your pics or sounds elsewhere, you WILL have to type in the whole URL for that file.

Glance back through the directory to see how I set up each file in progression. Note on the last PIC05.HTML I did not include the META TAG that is on the rest. This is the last pic and does not need to advance to anything.

DO NOT send the last pic to the original page. Because of the FRAME around each pic, it would continue to stay in a FRAME mode and would not allow you to view anything else correctly.

QUICK SYNOPSIS

Your FRAME (slideshow.html in this example) contains the color of the frame, the sounds, and the title to be shown throughout the slideshow. This goes to your main page. THIS IS THE PAGE YOU SEND YOUR GUESTS TO!

The MAIN PAGE (greeting.html in this example) is the first page of the slideshow. This is where you will greet them and let them know how the slideshow works. This is an optional file. You may choose to send them directly into the slideshow rather than this page. I recommend this page to allow your guests a moment to understand the slideshow and allow time for your sounds to start without having to wait for a pic to load AND the music to load.

Picture HTML (pic01.html in this example) is where you can set up how your pic looks. You can add a background, words, and adjust the size of the pic. If you want the pic to be the largest size possible for optimum viewing, then add height="370" to the end pic01.jpg command. Any larger and the pic will go off the screen. Remember if you do set the height, reduce it for the last pic so that you can add the HIT BACK line.

The PICTURE file (pic01.jpg in this example). I choose personally to leave the PIC01.HTML alone and just rename the pics as I change them. I also keep the UNUSED pics in a separate protected directory so that my pics are kept private until I choose to show them.

Hopefully, this directory and explaination will help you understand better how to set up your own Slideshow.

As far as I know, this Slideshow WILL NOT work on TheGlobe. I have a site there and have never been able to utilize the META TAGS neccesary to run the Slideshow. If you can make it work, please let me know how.

If you have more questions, please feel free to email me.

MAIL SOESTER

HERE ARE THE 5 PIC0?.HTML FILES

PIC01.HTML
<html> <head> <meta http-equiv="refresh" content="5:url=pic02.html"> </head> <center> <body bgcolor="#000000"> <br><br><br><br><br><br> <img src="pic01.jpg"> <br><br> <font color="#ffd700" size="+2"><b><i> This is the first pic </font></b></i> </center> </body> </html>

PIC02.HTML
<html> <head> <meta http-equiv="refresh" content="5:url=pic03.html"> </head> <center> <body bgcolor="#000000"> <br><br><br><br><br><br> <img src="pic02.jpg"> <br><br> <font color="#ffd700" size="+2"><b><i> This is the 2nd pic </font></b></i> </center> </body> </html>

PIC03.HTML
<html> <head> <meta http-equiv="refresh" content="5:url=pic04.html"> </head> <center> <body bgcolor="#000000"> <br><br><br><br><br><br> <img src="pic03.jpg"> <br><br> <font color="#ffd700" size="+2"><b><i> This is the 3rd pic </font></b></i> </center> </body> </html>

PIC04.HTML
<html> <head> <meta http-equiv="refresh" content="5:url=pic05.html"> </head> <center> <body bgcolor="#000000"> <br><br><br><br><br><br> <img src="pic04.jpg"> <br><br> <font color="#ffd700" size="+2"><b><i> This is the 4th pic </font></b></i> </center> </body> </html>

PIC05.HTML
<html> <center> <body bgcolor="#000000"> <br><br><br><br><br><br> <img src="pic05.jpg"> <br><br> <font color="#ffd700" size="+2"><b><i> This is the last pic <br> HIT BACK </font></b></i> </center> </body> </html>

You can now see how to advance and set up each pic. Each META TAG advances to the next .HTML file, and each IMG SRC is the current .HTML file.

SLIDESHOW.HTML
<html> <title>Example Slideshow</title> <embed src="bradys.mid" autostart="true" hidden="true" loop="infinite"> <frameset bgcolor="#ff0000" rows="100%"> <frame src="greeting.html"> </frameset> </html>
This is where your TITLE, SOUNDS, FRAME COLOR, and FIRST SCREEN CHOICE are. Be sure to use the HIDDEN="TRUE" command in the music command. If not, no music throughout the Slideshow.

GREETING.HTML
<html> <head> <meta http-equiv="refresh" content="10:url=pic01.html"> </head> <body bgcolor="#000000"> <center> <br><br><br><br><br> <font color="#00ffff" size="+7"><b><i> Example Slideshow </font></b></i> <br><br><br><br><br><br> <font color="#c0c0c0" size="+2"><b> This is where you put your greetings to your guests. </font></b> <br><br><br> <font color="#fffff0" font size="+1"><b> Each slide will change every 5 seconds. ONLY hit refresh if a page does not change on its own. <br> Hit BACK at the end. </font></b> <br><br><br> </center> </body> </html>

THUMBNAIL GALLERY

Here you will find the code for a simple Thumbnail Gallery.

Jones Family Gallery Click the picture to see it full size

Now that you see how and why each file is set up, go back to the directory to see where each file is at. This will help you understand it better.

IMPORTANT NOTE:
If you are not using real Thumbnails, keep the number of pics per page to only a few pics. Remember loading time of full size pics used as Thumbnails!!

Again, if you have questions, feel free to email me at the above link.

OK, get the creative juices flowing and create your own Slideshow.
Good Luck.
Soester