Intel.com HomeProduct InformationSearchContact UsSupport Intel(R)
Pentium(R) II Processor Logo

   101 Things to do with your PC

Intel Web Applets
Intel® Web Applets

3D Photo Cube

Photo Album

Photo Effects

3D Text

Image Carousel

Power Menu

3D Object Viewer

Image Mosaic

Photo Album II

FAQs
Other Intel Sites
Home Computing

Technology@Work

Developer

Channel

Support
3D Object Viewer

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:
   
Download the applet class files
Install the applet into your HTML page
Customize the applet’s parameters and insert your images and/or text.

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.

 
 
 
to top of page

* Legal Information © 1999 Intel Corporation