Installation and Customization Instructions
Enhance your home page
with a cool Java* Image Mosaic applet. This applet can display a series
of pictures with an intriguing mosaic transition effect. You can customize
the Image Mosaic 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.01 or later
In order to add this applet
to your page you must:
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 three sample models,
and three sample HTML pages to view those models. 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.
Image Mosaic
Windows 95/98* and NT 4.0*
File Name/Size/Date:
mosaic.EXE
108KB
January 20, 1999
- 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.
Once you have uncompressed
the files, go to the instructions listed below to learn how to incorporate
the applet into your web site or home page.
|
Install
the Image Mosaic Applet |
Now that you have the
Java* files or *.class files as they are called, on your computer,
it's easy to put the Image Mosaic onto your Web pages -- even if
you don't know a lot about 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 Image Mosaic".
Before adding the applet
code to your HTML pages, you must ensure that all the "class"
files and images 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 Image
Mosaic to your pages by following these simple steps:
Open your HTML document
in a text editor like Notepad.*
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="imosaic.class" width=240 height=266>
<param name=credits value="Applet by Fabio Ciucci (www.anfyjava.com)">
<param name=newframe value="NO">
<param name=framename value="_blank">
<param name=image1 value="run1.jpg">
<param name=image2 value="run2.jpg">
<param name=image3 value="run3.jpg">
<param name=image4 value="run4.jpg">
<param name=image5 value="run5.jpg">
<param name=link1 value="http://www.intel.com/cpc/webapplets">
<param name=link2 value="http://www.intel.com/cpc/webapplets">
<param name=link3 value="http://www.intel.com/cpc/webapplets">
<param name=link4 value="http://www.intel.com/cpc/webapplets">
<param name=link5 value="http://www.intel.com/cpc/webapplets">
<param name=statusmsg1 value="Race Picture 1">
<param name=statusmsg2 value="Race Picture 2">
<param name=statusmsg3 value="Race Picture 3">
<param name=statusmsg4 value="Race Picture 4">
<param name=statusmsg5 value="Race Picture 5">
<param name=pause value="1500">
<param name=backimage value="NO">
<param name=backcolor value="7080a0">
</applet>
<script language="JavaScript">
var url = "<img src=http://www.intel.com/cpc/webapplets/pix/spacer.gif"
+ "?iid=iwa+mosaic&" + ">";
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+mosaic&">
</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 you’ve added
the Image Mosaic code to your page, you must customize your applet
by selecting a background color and choosing which model you wish
you want to include in your applet. This is much more simple than
you'd think. Read on to find out how...
|
How
to Customize your Image Mosaic |
Below is the HTML source
code for the Image Mosaic 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 Image Mosaic.
<applet
code="imosaic.class" width=240 height=266>
<param name=credits value="Applet by Fabio Ciucci (www.anfyjava.com)">
<param name=newframe value="NO">
<param name=framename value="_blank">
<param name=image1 value="run1.jpg">
<param name=image2 value="run2.jpg">
<param name=image3 value="run3.jpg">
<param name=image4 value="run4.jpg">
<param name=image5 value="run5.jpg">
<param name=link1 value="http://www.intel.com/cpc/webapplets">
<param name=link2 value="http://www.intel.com/cpc/webapplets">
<param name=link3 value="http://www.intel.com/cpc/webapplets">
<param name=link4 value="http://www.intel.com/cpc/webapplets">
<param name=link5 value="http://www.intel.com/cpc/webapplets">
<param name=statusmsg1 value="Race Picture 1">
<param name=statusmsg2 value="Race Picture 2">
<param name=statusmsg3 value="Race Picture 3">
<param name=statusmsg4 value="Race Picture 4">
<param name=statusmsg5 value="Race Picture 5">
<param name=pause value="1500">
<param name=backimage value="NO">
<param name=backcolor value="7080a0">
</applet>
<script language="JavaScript">
var url = "<img src=http://www.intel.com/cpc/webapplets/pix/spacer.gif"
+ "?iid=iwa+mosaic&" + ">";
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+mosaic&">
</noscript>
IMPORTANT! If
you change parameter code other than the parts listed in Bold
in these examples, your applet may not work properly.
<applet
code="imosaic.class" width=240 height=266>
The width and
height parameters allow you to change the dimensions of the applet.
Please
note that the minimum allowable applet size is 4000 square pixels.
In other words, the applet's Width x Height must be > or = 4000.
<param name=newframe value="NO">
Setting this value to YES allows you to link to frames with the
framename parameter below.
<param name=framename value="_blank">
If the newframe parameter above is set to YES, this parameter allows
you to set the type of frame link. Valid possibilities are:
"_self"
to load in the current frame
"_parent" to load in the parent frame
"_top" to load in the top-most frame
"_blank" to load in a new unnamed top-level window
You can also
set a custom frame name, such as "myframe1".
<param name=image1 value="run1.jpg">
This parameter allows to select the images you wish to display with
the applet, along with the order they are displayed in. Simply change
the above value to reflect the name of the first image you wish
to display. As you add new images, simply add cut and paste the
line above, and change the "image?" to the next higher
number.
For example,
if you wished to have five images displayed, you'd use the following:
<param name=image1 value="run1.jpg">
<param name=image2 value="run2.jpg">
<param name=image3 value="run3.jpg">
<param name=image4 value="run4.jpg">
<param name=image5 value="run5.jpg">
<param
name=link1 value="http://www.intel.com/cpc/webapplets">
This parameter
sets the hyperlink associated with the image. If you don't wish
to have the image link to anything, simply place a "NO"
(without the quotes) for the value. The number after the link reflects
which image this is being set for. For example, link1 having a value
of "NO" would cause there to be no link from image 1 when
being displayed.
<param
name=statusmsg1 value="Race Picture 1">
This parameter allows you to configure the text displayed in the
status bar with each image. The number after the "statusmsg"
parameter reflects which image this is being set for.
<param
name=pause value="1500">
This parameter sets the delay (in milliseconds) between transitions
of images.
<param
name=backimage value="NO">
This parameter allows you to select a background image for the applet.
The image must be the same size of the applet. If you don't wish
to use a background image, simply set the value to "NO".
<param
name=backcolor value="7080a0">
This parameter controls the background color of the applet. The
value is a standard HTML hexadecimal color value representing rrggbb
format.
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.
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.
|