<!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>
.. 70s </a href>
.. <a href="https://unitymuseum.org/data/files/life/1980.html"> 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/1970-3-6-cover.jpg
 " alt="Picture 1">
    </div>
    <div class="picture-container">
        <img id="picture2" src= "https://unitymuseum.org/data/files/life/1970-6-cover.jpg" alt="Picture 2">
    </div>
    <div class="picture-container">
        <img id="picture3" src= "https://unitymuseum.org/data/files/life/1970-7-31-cover.jpg" alt="Picture 3">
    </div>
<div class="picture-container">
        <img id="picture4" src= "https://unitymuseum.org/data/files/life/1970-11-13-cover.jpg" alt="Picture 4">
    </div>
<div class="picture-container">
        <img id="picture5" src="https://unitymuseum.org/data/files/life/1972-11-17-cover.jpg" alt="Picture 5">
    </div>
<div class="picture-container">
        <img id="picture6" src="https://unitymuseum.org/data/files/life/1972-11-24-cover.jpg" alt="Picture 6">
    </div>
<div class="picture-container">
        <img id="picture7" src="https://unitymuseum.org/data/files/life/1973-1-cover.jpg" alt="Picture 7">
    </div>
<div class="picture-container">
        <img id="picture8" src="https://unitymuseum.org/data/files/life/1973-2-cover.jpg" alt="Picture 8">
    </div>
<div class="picture-container">
        <img id="picture9" src="https://unitymuseum.org/data/files/life/1973-5-cover.jpg" alt="Picture 9">
    </div>
<div class="picture-container">
        <img id="picture10" src="https://unitymuseum.org/data/files/life/1974-2-cover.jpg" alt="Picture 10">
    </div>
<div class="picture-container">
        <img id="picture11" src="https://unitymuseum.org/data/files/life/1974-3-cover.jpg" alt="Picture 11">
    </div>

    <script>
        const picture1Images = ["https://unitymuseum.org/data/files/life/1970-3-6-back.jpg",
"https://unitymuseum.org/data/files/life/1970-3-6-contents.jpg",
"https://unitymuseum.org/data/files/life/1970-3-6-cover.jpg"
];
        const picture2Images = ["https://unitymuseum.org/data/files/life/1970-6-back.jpg",
"https://unitymuseum.org/data/files/life/1970-6-contents.jpg",
"https://unitymuseum.org/data/files/life/1970-6-cover.jpg",
];
	const picture3Images = ["https://unitymuseum.org/data/files/life/1970-7-31-contents.jpg",
"https://unitymuseum.org/data/files/life/1970-7-31-cover.jpg",
];
	const picture4Images = ["https://unitymuseum.org/data/files/life/1970-11-13-back.jpg",
"https://unitymuseum.org/data/files/life/1970-11-13-contents.jpg",
"https://unitymuseum.org/data/files/life/1970-11-13-cover.jpg",
];
        const picture5Images = ["https://unitymuseum.org/data/files/life/1972-11-17-back.jpg",
"https://unitymuseum.org/data/files/life/1972-11-17-contents.jpg",
"https://unitymuseum.org/data/files/life/1972-11-17-cover.jpg",
];
	const picture6Images = ["https://unitymuseum.org/data/files/life/1972-11-24-back.jpg",
"https://unitymuseum.org/data/files/life/1972-11-24-contents.jpg",
"https://unitymuseum.org/data/files/life/1972-11-24-cover.jpg",
];
	const picture7Images = ["https://unitymuseum.org/data/files/life/1973-1-back.jpg",
"https://unitymuseum.org/data/files/life/1973-1-contents.jpg",
"https://unitymuseum.org/data/files/life/1973-1-cover.jpg",
];
        const picture8Images = ["https://unitymuseum.org/data/files/life/1973-2-back.jpg",
"https://unitymuseum.org/data/files/life/1973-2-contents.jpg",
"https://unitymuseum.org/data/files/life/1973-2-cover.jpg",
];
	const picture9Images = ["https://unitymuseum.org/data/files/life/1973-5-back.jpg",
"https://unitymuseum.org/data/files/life/1973-5-contents.jpg",
"https://unitymuseum.org/data/files/life/1973-5-cover.jpg",
];
	const picture10Images = ["https://unitymuseum.org/data/files/life/1974-2-back.jpg",
"https://unitymuseum.org/data/files/life/1974-2-contents.jpg",
"https://unitymuseum.org/data/files/life/1974-2-cover.jpg",
];
        const picture11Images = ["https://unitymuseum.org/data/files/life/1974-3-back.jpg",
"https://unitymuseum.org/data/files/life/1974-3-contents.jpg",
"https://unitymuseum.org/data/files/life/1974-3-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;

        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];
        };
    </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>
.. 70s </a href>
.. <a href="https://unitymuseum.org/data/files/life/1980.html"> 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>