<!-- TWO STEPS TO INSTALL CODE: 1. Paste the first code in the HEAD of your HTML document 2. Add the last coding to the BODY of your HTML document --> <!-- STEP ONE: Paste the first code in the HEAD of your HTML document --> <style> .bgimages img {cursor:hand} </style> <!-- STEP TWO: Add the last coding to the BODY of your HTML document --> <script language="JavaScript1.2"> <!--function tile(){if (!document.all)returnvar source=event.srcElementif (source.tagName=="IMG")document.body.style.backgroundImage="url("+source.src+")"}function restore(){document.body.style.backgroundImage=''}document.body.onclick=restore//--> </script> <span class="bgimages" onClick="tile();event.cancelBubble=true"> <p><img src="1.jpg" width="80" height="80"><img src="2.jpg" width="80" height="80"><br> <img src="3.jpg" width="80" height="80"><img src="4.jpg" width="80" height="80"></span> </p>