Intel.com Home Table of Contents for Intel.com Search on Intel.com Feedback on Intel.com Customer Support for Intel products/technologies Intel.com Home
Home Computing

Pentium(R) II Processor Logo
Intel Web Applets
Intel® Web Applets

3D Photo Cube

Photo Album

Photo Effects

3D Text

Image Carousel

Power Menu

3D Object Viewer

FAQs

Other Intel Sites
Home Computing

Intel for Business Managers

Developer

Channel

Support

MediadomeSM
Photo Album

Installation and Customization Instructions

Enhance your home page with a cool Java* Photo Album applet. Customize the Photo Album to fit your pageís look and feel. No knowledge of Java* programming is required.

This applet can be experienced on systems with the minimum specifications listed below. However, Pentium® II processor-based PCs will provide more responsiveness and fluid motion than older systems.

Minimum system configuration:

  • Processor: Intel Pentium® Processor 133 MHz or higher
  • Operating System: Windows* 95 or 98
  • Modem: 28.8 kbps or faster, connected to the Internet
  • Memory: at least 16 MB internal RAM
  • Browser: Internet Explorer* 3.0 or later, Netscape Navigator* 3.0 or later

In order to add this applet to your page you must:

Download the applet class files
Install the applet into your HTML page
Customize the appletís parameters and insert your images and/or text.
 
Download the applet class files

Click on the link below to download a self-extracting (*.EXE) file that contains all the class files needed to run this applet. The *.EXE file also contains a sample HTML page featuring the applet. At the dialog box, click on the Save button to save the self-extracting file on your computer. You should choose a folder to save this file where you can easily find it once the download is complete.

Photo Album

Windows 95/98* and NT 4.0

File Name/Size/Date:
photo.EXE
141KB
August 10, 1998

Download From:
U.S. FTP Server (Download within North America)
Mirror FTP Sites (Download from international areas)
U.S. Web Server

Once the download has completed, find the self-extracting file on your computer and launch it by double-clicking on it. This will decompress all the files needed to run the applet into a folder on your hard drive called Webapps.

Install the Photo Album Applet

It's easy to put Photo Album onto your Web pages -- even if you don't know HTML. All you have to do is "cut and paste" a few lines of HTML code between the "<body>" and "</body> tags of your HTML file. If you don't know how to do this, read on. If you already know how to change your HTML code, you can skip down to "How to Customize Your Photo Album."

Before adding the applet code to your HTML pages, you must ensure that all the "class" files required to run the applet are located in the same directory or folder as the HTML document (Web page) on which you will be placing the applet. (Class files are the actual Java* code files.) Class files end in the extension: .class. There may be one or several per applet depending on the applet. Also, all image and text files referenced by the applet must be located in that same directory as well. This is true regardless of whether you are running the applet "locally" on your own computer or whether you are running it from your Web server space. Image files end in the extension: .jpg or .gif. Text files end in the extension: .txt.

You can add the Photo Album to your pages by following these simple steps:
  1. Open your HTML document in a text editor like Notepad*.
  2. Select the code below and then copy it to your clipboard by selecting "Copy" from the Edit menu. (Useful Hint: Control+"c" will copy the selected area and Control+"v" will paste.)

<APPLET CODE="photoalbum.class" WIDTH=440 HEIGHT=340>
<PARAM name="developer" value="Demicron (www.demicron.se)">
<PARAM name="userinterface" value="standardui">
<PARAM name="standardui.maincolor" value="3080C0">
<PARAM name="standardui.usepausebutton" value="no">
<PARAM name="transtime" value="8000">
<PARAM name="timeout" value="120000">
<PARAM name="pause" value="7000">
<PARAM name="minframenr" value="110">
<PARAM name="bgcolor" value="000000">
<PARAM name="fxmod0" value="burnfxmod">
<PARAM name="fxmod1" value="pixel3fxmod">
<PARAM name="fxmod2" value="hbombfxmod">
<PARAM name="fxmod3" value="pixel2fxmod">
<PARAM name="fxmod4" value="rotatefxmod">
<PARAM name="fxmod5" value="pixelfxmod">
<PARAM name="fxmod6" value="shatterfxmod">
<PARAM name="image0" value="image1.jpg">
<PARAM name="image1" value="image2.jpg">
<PARAM name="image2" value="image3.jpg">
<PARAM name="image3" value="image4.jpg">
</APPLET>
<script language="JavaScript">
var url = "<img src=http://www.intel.com/cpc/webapplets/pix/spacer.gif" + "?iid=iwa+photoalbum&" + ">";
if (window.location.href.indexOf("http://") == 0)
document.write(url);
else document.write("<img src=\"spacer.gif\">");
</script>
<noscript>
<img SRC="http://www.intel.com/cpc/webapplets/pix/spacer.gif?iid=iwa+photoalbum&">
</noscript>

...and insert, or "paste" it in the location of your HTML code where you wish to insert your applet (it must be between the "<Body>" and the "</Body>" tags)

Please help us see how popular this applet is by including the brief java script at the bottom of the Applet code in your html file. This code will not affect your applet's performance, it will simply tell us how many times the applet was used on the Internet.

Now that your Photo Album applet code is in place, you can customize your applet by selecting a by choosing which images and transitions you wish you want to include in your Album as well as changing the albumís frame color. This is much easier than you'd think. Read on to find out how... 

How to Customize your Photo Album

Below is the HTML code for the Photo Album applet. Don't worry if you don't understand all of it, the main parts that you need to be concerned with are the segments in bold lettering. These are the parts (or parameters) that you can change so that you can personalize your Photo Album. Take a quick look at the code then skip down to the first feature, " Adding Your Own Images."

<APPLET CODE="photoalbum.class" WIDTH=440 HEIGHT=340>
<PARAM name="developer" value="Demicron (www.demicron.se)">
<PARAM name="userinterface" value="standardui">
<PARAM name="standardui.maincolor" value="3080C0">
<PARAM name="standardui.usepausebutton" value="no">
<PARAM name="transtime" value="8000">
<PARAM name="timeout" value="120000">
<PARAM name="pause" value="7000">
<PARAM name="minframenr" value="110">
<PARAM name="bgcolor" value="000000">
<PARAM name="fxmod0" value="burnfxmod">
<PARAM name="fxmod1" value="pixel3fxmod">
<PARAM name="fxmod2" value="hbombfxmod">
<PARAM name="fxmod3" value="pixel2fxmod">
<PARAM name="fxmod4" value="rotatefxmod">
<PARAM name="fxmod5" value="pixelfxmod">
<PARAM name="fxmod6" value="shatterfxmod">
<PARAM name="image0" value="image1.jpg">
<PARAM name="image1" value="image2.jpg">
<PARAM name="image2" value="image3.jpg">
<PARAM name="image3" value="image4.jpg">
</APPLET> <script language="JavaScript">
var url = "<img src=http://www.intel.com/cpc/webapplets/pix/spacer.gif" + "?iid=iwa+photoalbum&" + ">";
if (window.location.href.indexOf("http://") == 0)
document.write(url);
else document.write("<img src=\"spacer.gif\">");
</script>
<noscript>
<img SRC="http://www.intel.com/cpc/webapplets/pix/spacer.gif?iid=iwa+photoalbum&">
</noscript>

IMPORTANT! If you change parameter code other than the parts listed in Bold in these examples, your applet may not work properly. 

Adding Your Own Images

Before you can use the Photo Album, you must select the images you want to use in the Album.

<PARAM name="image0" value="image1.jpg">

The parameter above defines which image will appear first in your album.

In place of "image1.jpg", you should place the name of your image file. The applet accepts both GIF and JPEG/JPG files. If you do not know the name of your image files, go into Windows Explorer* or File Manager* and look for files that end in the suffix .jpg or .gif. To find out more on how to get images into your computer click here.

You can include as many images as you would like in your album. Just be sure to number them sequentially starting at image0. For example:

<PARAM name="image0" value="jana.jpg">
<PARAM name="image1" value="bill.gif">
<PARAM name="image2" value="jay.jpg">
<PARAM name="image3" value="marisa.gif">
<PARAM name="image4" value="andre.jpg">

The images are not resized in the album. Images that are smaller than the album interface are centered in the screen. Images that are larger are centered in the screen and are cropped so the excess is not shown. If it is important to you to have all of the images completely show in the album, you will need to resize them in an image treatment program to fit the album interface size that you have chosen.

Note: The album default interface size is WIDTH=440 HEIGHT=360

Very Important!

Be certain to place the images that you have chosen to use in the applet into the same directory or folder as the applet class file(s) as well as the HTML file that contains the applet code. This is true whether you are running the applet "locally" on your computer, or whether you are running it from a Web server. If your images are not in the same folder as the applet class files and HTML file, the applet will not run.  Also, check to make sure that the image names used in the applet's HTML code are identical in spelling as well as case (upper vs. lower case) as those that you have placed in your folder.

A Word About Image File Sizes

Image files can be quite large, especially photographs saved as GIFs or JPEGs with low compression. You should consider this when you choose image files for display in your album. While the applet itself is less than 30k, image files greater than 50k will slow the applet's performance down considerably due to the longer downloads required for larger files. The size of image files can be reduced using many commonly available graphics software tools.

Changing the Photo Album's Frame and Background Color 

Here is the line that defines the frame color of your Photo Album:

<PARAM name="standardui.maincolor" value="3080C0">

Important! Please note that in Java*, you do not use the "#" symbol prior to the color code as you would for an HTML page.

To change to any other color simply change the code in bold to match your pageís look and feel. If you are unfamiliar with "hexadecimal" color codes, then click here to find out more.

The background color, which is the first color that appears in the album window, can be changed in the very same way. Mix and match the frame and background colors to suit your taste and the rest of your page's look and feel.

Changing other parameters (Advanced Settings)

While the default settings are fine for most purposes, the applet's other parameters such as the length of each transition, the minimum frames per transition, the transitions to be used, and the order of those transitions, can all be changed as well. These other customizable parameters are described below.

<PARAM name="transtime" value="8000"> (integer number in milliseconds)

With this parameter, you can specify the duration time for each transition. It should be specified in milliseconds. If you for example, want a transition effect to last 8 seconds, then a value of 8000 (milliseconds) should be used.

<PARAM name="bgcolor" value="000000"> (hex number)

This parameter specifies the color that will be shown on the image display before the first image has been rendered. Some transitions will also use this parameter. Use the same RRGGBB format as for the "standardui.maincolor" parameter. Here again do not use the "#" symbol prior to the code as you would in standard HTML.

<PARAM name="fxmod0" value="burnfxmod">
<PARAM name="fxmod1" value="pixel3fxmod">
<PARAM name="fxmod2" value="hbombfxmod">
<PARAM name="fxmod3" value="pixel2fxmod">
<PARAM name="fxmod4" value="rotatefxmod">
<PARAM name="fxmod5" value="pixelfxmod">
<PARAM name="fxmod6" value="shatterfxmod">

These parameters specify the transition effects that will be used. The value of "fxmod0" will be the effect that will be used first, "fxmod1" the effect that will be used next and so on... The standard effects available are "burnfxmod", "pixelfxmod", "pixel2fxmod", "pixel3fxmod", "hbombfxmod", "shatterfxmod" and "rotatefxmod". There are no limitations to which effects you use, or what order you use them, provided the first effect is listed as "fxmod0" and so on.

Transition Description:

burnfxmod transition will burn the displayed image from the edges revealing the next image.

hbombfxmod transition will turn the existing image into a black and white negative in a bright flash of light revealing the next image.

pixelfxmod transition will pixelate the displayed image and have the pixels fall off the screen as if they were falling grains of sand.

pixel2fxmod transition will pixelate the displayed image and have the pixels exit the screen to the right while the next image forms from pixels flying in from the left.

pixel3fxmod transition will pixelate the displayed image in the center of the window and the next image will form from those pixels.

rotatefxmod transition will flip the existing image around revealing the next image as if the two images had been pasted back to back.

shatterfxmod transition will shatter the existing image and send the shards towards the user revealing the next image.

Please note that these transitions do not effect the actual image file in any way.

IMPORTANT! Once you have customized your applet to your satisfaction, you should test the applet by running it on your local computer before uploading or sending your files to your web server space at your Internet service provider. Remember, in order for your applet to perform correctly, all files associated with your applet must be uploaded to the same directory or folder within your web server space. This includes all html files, class files, and image files.

If you are having difficulty getting your applet to work, check out the FAQs, which address many of the common mistakes that occur when installing this applet.

 
 
to top of page

* Legal Information © 1998 Intel Corporation