<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

<HTML>
<HEAD>
	
	<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
	<TITLE></TITLE>
	<META NAME="GENERATOR" CONTENT="OpenOffice 4.1.6  (Win32)">
	<META NAME="AUTHOR" CONTENT="Unity Museum ">
	<META NAME="CREATED" CONTENT="20200625;18122604">
	<META NAME="CHANGED" CONTENT="20210420;3543529">
	


<TD HEIGHT=64 ALIGN=JUSTIFY><FONT FACE="Times New Roman" SIZE=13><a href="https://www.unitymuseum.org/">www.unitymuseum.org</a href> <p>Click the <b>Life</b> cover. It changes, into the contents and the back of the magazine.
<p> <TD HEIGHT=64 ALIGN=JUSTIFY><FONT FACE="Times New Roman" SIZE=10> 
<a href="https://unitymuseum.org/data/files/life/1930.html"> 30s </a href>  
.. <a href="https://unitymuseum.org/data/files/life/1940.html"> 40s </a href>
.. <a href="https://unitymuseum.org/data/files/life/1950.html"> 50s </a href>
.. <a href="https://unitymuseum.org/data/files/life/1960.html"> 60s </a href>
.. <a href="https://unitymuseum.org/data/files/life/1970.html"> 70s </a href>
..  80s </a href>
.. <a href="https://unitymuseum.org/data/files/life/1990.html"> 90s </a href>


 <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Picture Changer</title>
    <style>
        .picture-container {
            display: inline-block;
            margin: 5px;
        }

        img {
            width: 425px;
            height: 550px;
            cursor: pointer;
        }
    </style>
	
	
</HEAD>



<body>
    <div class="picture-container">
        <img id="picture1" src= "https://unitymuseum.org/data/files/life/1987-11-cover.jpg",
alt="Picture 1">
    </div>
    <div class="picture-container">
        <img id="picture2" src= "https://unitymuseum.org/data/files/life/1987-12-cover.jpg",
alt="Picture 2">
    </div>
    <div class="picture-container">
        <img id="picture3" src= "https://unitymuseum.org/data/files/life/1988-2-cover.jpg",
alt="Picture 3">
    </div>
<div class="picture-container">
        <img id="picture4" src= "https://unitymuseum.org/data/files/life/1988-5-cover.jpg",
alt="Picture 4">
    </div>
<div class="picture-container">
        <img id="picture5" src= "https://unitymuseum.org/data/files/life/1988-10-cover.jpg",
alt="Picture 5">
    </div>
<div class="picture-container">
        <img id="picture6" src= "https://unitymuseum.org/data/files/life/1988-12-cover.jpg",
alt="Picture 6">
    </div>
<div class="picture-container">
        <img id="picture7" src= "https://unitymuseum.org/data/files/life/1988-fall-cover.jpg",
alt="Picture 7">
    </div>
<div class="picture-container">
        <img id="picture8" src= "https://unitymuseum.org/data/files/life/1989-1-cover.jpg",
alt="Picture 8">
    </div>
<div class="picture-container">
        <img id="picture9" src= "https://unitymuseum.org/data/files/life/1989-2-cover.jpg",
alt="Picture 9">
    </div>
<div class="picture-container">
        <img id="picture10" src= "https://unitymuseum.org/data/files/life/1989-3-cover.jpg",
alt="Picture 10">
    </div>
<div class="picture-container">
        <img id="picture11" src= "https://unitymuseum.org/data/files/life/1989-5-cover.jpg",
alt="Picture 11">
    </div>
<div class="picture-container">
        <img id="picture12" src= "https://unitymuseum.org/data/files/life/1989-7-cover.jpg",
alt="Picture 12">
    </div>
<div class="picture-container">
        <img id="picture13" src= "https://unitymuseum.org/data/files/life/1989-8-cover.jpg",
alt="Picture 13">
    </div>
<div class="picture-container">
        <img id="picture14" src= "https://unitymuseum.org/data/files/life/1989-9-cover.jpg",
alt="Picture 14">
    </div>
<div class="picture-container">
        <img id="picture15" src= "https://unitymuseum.org/data/files/life/1989-10-cover.jpg",
alt="Picture 15">
    </div>
<div class="picture-container">
        <img id="picture16" src= "https://unitymuseum.org/data/files/life/1989-11-cover.jpg",
alt="Picture 16">
    </div>
<div class="picture-container">
        <img id="picture17" src= "https://unitymuseum.org/data/files/life/1989-12-cover.jpg",
alt="Picture 17">
    </div>
<div class="picture-container">
        <img id="picture18" src= "https://unitymuseum.org/data/files/life/1989-fall-cover.jpg",
alt="Picture 18">
    </div>
<div class="picture-container">
        <img id="picture19" src= "https://unitymuseum.org/data/files/life/1989-spring-cover.jpg",
alt="Picture 19">
    </div>


    <script>
        const picture1Images = [ "https://unitymuseum.org/data/files/life/1987-11-back.jpg",
"https://unitymuseum.org/data/files/life/1987-11-contents.jpg",
"https://unitymuseum.org/data/files/life/1987-11-cover.jpg",

];
        const picture2Images = [ "https://unitymuseum.org/data/files/life/1987-12-back.jpg",
"https://unitymuseum.org/data/files/life/1987-12-contents.jpg",
"https://unitymuseum.org/data/files/life/1987-12-cover.jpg",

];
	const picture3Images = [ "https://unitymuseum.org/data/files/life/1988-2-back.jpg",
"https://unitymuseum.org/data/files/life/1988-2-contents.jpg",
"https://unitymuseum.org/data/files/life/1988-2-cover.jpg",

];
	const picture4Images = [ "https://unitymuseum.org/data/files/life/1988-5-back.jpg",
"https://unitymuseum.org/data/files/life/1988-5-contents.jpg",
"https://unitymuseum.org/data/files/life/1988-5-cover.jpg",

];
        const picture5Images = [ "https://unitymuseum.org/data/files/life/1988-10-back.jpg",
"https://unitymuseum.org/data/files/life/1988-10-contents.jpg",
"https://unitymuseum.org/data/files/life/1988-10-contents2.jpg",
"https://unitymuseum.org/data/files/life/1988-10-cover.jpg",

];
	const picture6Images = [ "https://unitymuseum.org/data/files/life/1988-12-back.jpg",
"https://unitymuseum.org/data/files/life/1988-12-contents.jpg",
"https://unitymuseum.org/data/files/life/1988-12-cover.jpg",

];
	const picture7Images = [ "https://unitymuseum.org/data/files/life/1988-fall-contents.jpg",
"https://unitymuseum.org/data/files/life/1988-fall-contents2.jpg",
"https://unitymuseum.org/data/files/life/1988-fall-cover.jpg",

];
        const picture8Images = [ "https://unitymuseum.org/data/files/life/1989-1-back.jpg",
"https://unitymuseum.org/data/files/life/1989-1-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-1-cover.jpg",

];
	const picture9Images = [ "https://unitymuseum.org/data/files/life/1989-2-back.jpg",
"https://unitymuseum.org/data/files/life/1989-2-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-2-contents2.jpg",
"https://unitymuseum.org/data/files/life/1989-2-cover.jpg",

];
	const picture10Images = [ "https://unitymuseum.org/data/files/life/1989-3-back.jpg",
"https://unitymuseum.org/data/files/life/1989-3-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-3-cover.jpg",

];
        const picture11Images = [ "https://unitymuseum.org/data/files/life/1989-5-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-5-cover.jpg",

];
        const picture12Images = [ "https://unitymuseum.org/data/files/life/1989-7-back.jpg",
"https://unitymuseum.org/data/files/life/1989-7-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-7-cover.jpg",

];
	const picture13Images = [ "https://unitymuseum.org/data/files/life/1989-8-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-8-cover.jpg",

];
	const picture14Images = [ "https://unitymuseum.org/data/files/life/1989-9-back.jpg",
"https://unitymuseum.org/data/files/life/1989-9-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-9-cover.jpg",

];
        const picture15Images = [ "https://unitymuseum.org/data/files/life/1989-10-back.jpg",
"https://unitymuseum.org/data/files/life/1989-10-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-10-cover.jpg",

];
        const picture16Images = [ "https://unitymuseum.org/data/files/life/1989-11-back.jpg",
"https://unitymuseum.org/data/files/life/1989-11-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-11-cover.jpg",

];
        const picture17Images = [ "https://unitymuseum.org/data/files/life/1989-12-back.jpg",
"https://unitymuseum.org/data/files/life/1989-12-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-12-cover.jpg",

];
	const picture18Images = [ "https://unitymuseum.org/data/files/life/1989-fall-back.jpg",
"https://unitymuseum.org/data/files/life/1989-fall-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-fall-cover.jpg",

];
	const picture19Images = [ "https://unitymuseum.org/data/files/life/1989-spring-back.jpg",
"https://unitymuseum.org/data/files/life/1989-spring-contents.jpg",
"https://unitymuseum.org/data/files/life/1989-spring-contents2.jpg",
"https://unitymuseum.org/data/files/life/1989-spring-cover.jpg",

];


        let picture1Index = 0;
        let picture2Index = 0;
        let picture3Index = 0;
	let picture4Index = 0;
	let picture5Index = 0;
        let picture6Index = 0;
	let picture7Index = 0;
	let picture8Index = 0;
        let picture9Index = 0;
	let picture10Index = 0;
	let picture11Index = 0;
	let picture12Index = 0;
        let picture13Index = 0;
	let picture14Index = 0;
	let picture15Index = 0;
	let picture16Index = 0;
	let picture17Index = 0;
        let picture18Index = 0;
	let picture19Index = 0;


        document.getElementById("picture1").onclick = function() {
            picture1Index = (picture1Index + 1) % picture1Images.length;
            this.src = picture1Images[picture1Index];
        };

        document.getElementById("picture2").onclick = function() {
            picture2Index = (picture2Index + 1) % picture2Images.length;
            this.src = picture2Images[picture2Index];
        };

        document.getElementById("picture3").onclick = function() {
            picture3Index = (picture3Index + 1) % picture3Images.length;
            this.src = picture3Images[picture3Index];
        };

	document.getElementById("picture4").onclick = function() {
            picture4Index = (picture4Index + 1) % picture4Images.length;
            this.src = picture4Images[picture4Index];
        };

	document.getElementById("picture5").onclick = function() {
            picture5Index = (picture5Index + 1) % picture5Images.length;
            this.src = picture5Images[picture5Index];
        };

        document.getElementById("picture6").onclick = function() {
            picture6Index = (picture6Index + 1) % picture6Images.length;
            this.src = picture6Images[picture6Index];
        };

	document.getElementById("picture7").onclick = function() {
            picture7Index = (picture7Index + 1) % picture7Images.length;
            this.src = picture7Images[picture7Index];
        };

	document.getElementById("picture8").onclick = function() {
            picture8Index = (picture8Index + 1) % picture8Images.length;
            this.src = picture8Images[picture8Index];
        };

        document.getElementById("picture9").onclick = function() {
            picture9Index = (picture9Index + 1) % picture9Images.length;
            this.src = picture9Images[picture9Index];
        };

	document.getElementById("picture10").onclick = function() {
            picture10Index = (picture10Index + 1) % picture10Images.length;
            this.src = picture10Images[picture10Index];
        };

	document.getElementById("picture11").onclick = function() {
            picture11Index = (picture11Index + 1) % picture11Images.length;
            this.src = picture11Images[picture11Index];
        };
 	document.getElementById("picture12").onclick = function() {
            picture12Index = (picture12Index + 1) % picture12Images.length;
            this.src = picture12Images[picture12Index];
        };

        document.getElementById("picture13").onclick = function() {
            picture13Index = (picture13Index + 1) % picture13Images.length;
            this.src = picture13Images[picture13Index];
        };

	document.getElementById("picture14").onclick = function() {
            picture14Index = (picture14Index + 1) % picture14Images.length;
            this.src = picture14Images[picture14Index];
        };

	document.getElementById("picture15").onclick = function() {
            picture15Index = (picture15Index + 1) % picture15Images.length;
            this.src = picture15Images[picture15Index];
        };

        document.getElementById("picture16").onclick = function() {
            picture16Index = (picture16Index + 1) % picture16Images.length;
            this.src = picture16Images[picture16Index];
        };

	document.getElementById("picture17").onclick = function() {
            picture17Index = (picture17Index + 1) % picture17Images.length;
            this.src = picture17Images[picture17Index];
        };

	document.getElementById("picture18").onclick = function() {
            picture18Index = (picture18Index + 1) % picture18Images.length;
            this.src = picture18Images[picture18Index];
        };

        document.getElementById("picture19").onclick = function() {
            picture19Index = (picture19Index + 1) % picture19Images.length;
            this.src = picture19Images[picture19Index];
        };


       
    </script>





<div><p><p>

<TD HEIGHT=64 ALIGN=JUSTIFY><FONT FACE="Times New Roman" SIZE=5><a href="https://www.unitymuseum.org/">www.unitymuseum.org</a href> <p>
<p> <TD HEIGHT=64 ALIGN=JUSTIFY><FONT FACE="Times New Roman" SIZE=10> 

<a href="https://unitymuseum.org/data/files/life/1930.html"> 30s </a href>  
.. <a href="https://unitymuseum.org/data/files/life/1940.html"> 40s </a href>
.. <a href="https://unitymuseum.org/data/files/life/1950.html"> 50s </a href>
.. <a href="https://unitymuseum.org/data/files/life/1960.html"> 60s </a href>
.. <a href="https://unitymuseum.org/data/files/life/1970.html"> 70s </a href>
.. 80s </a href>
.. <a href="https://unitymuseum.org/data/files/life/1990.html"> 90s </a href>

</div>

<p><p>
<TR><TD HEIGHT=64 ALIGN=JUSTIFY><FONT FACE="Times New Roman" SIZE=5>Member of <a href="http://washingtonmuseumassociation.org/"><img src="https://www.unitymuseum.org/data/files/theme/wama-logo.png" style="width:128px;height:128px;"> <a href="https://www.aam-us.org/"> <img src="https://www.unitymuseum.org/data/files/theme/aam.png" style="width:128px;height:128px;">
<a href="https://www.4culture.org/"><img src="https://unitymuseum.org/data/files/theme/4culturelogo.jpg" style="width:128px;height:128px;">
<a href="https://www.internationaltreefoundation.org/news/men-of-the-trees-exhibition"><img src="https://unitymuseum.org/data/files/theme/itflogo.jpg" style="width:128px;height:128px;">

<a href="https://udistrictpartnership.org/about/"> <img src="https://unitymuseum.org/data/files/theme/udistrictpartnershiplogo.jpg" style="width:128px;height:128px;">
<a href="https://usa.usidhr.org/"> 
<img src="https://unitymuseum.org/data/files/theme/usidhrlogo.jpg" style="width:128px;height:128px;">




</TR> 

<!-- ************************************************************************** -->
</BODY>

</HTML>