1. Tech

Your suggestion is on its way!

An email with a link to:

http://javascript.about.com/library/blmemorymu2.htm

was emailed to:

Thanks for sharing About.com with others!

Related Image Match Game

2. Get the Script

More of this Feature

Introduction

The script for this game is in three parts. The first step is to select the code from the text box below (there is a highlight all button beneath it to make this easier) and copy it into a file called memorymu.js.

You will need to update the image references at the top of the script to reference your own images which you will have presumably already uploaded to the web so that the script will be able to access then.

Note the way the array containing all the images is arranged with an array of fifteen arrays each of two images. The two images in each of the arrays within the main array are considered to match one another for the purpose of the game.

Next select the code from the text box below and copy it into a file called memory.css.

You next attach these into your page. The script attaches just before the </body> tag using the following code.

<script type="text/javascript" src="memorymu.js"> </script>

The CSS attaches into the head of the page using the following code.

<link rel="stylesheet" href="memory.css" type="text/css" />

Now all that remains is to add the following HTML into the body of your page where you want the game to appear.

<div id="memory"></div>
See More About
Related Video
Add a Background Image to a Webpage

©2014 About.com. All rights reserved.