Below is a list of pseudo links. Hovering over any of them should bring up an image. The four different images should be "projected" onto the same area in your browser window, which in this case is to the right of the links—the dash-bordered box. According to my tests this technique is for now understood only by Mozilla.

Here's the markup and the css:

     <ol>
        <li>
           <a href="#x">
              Image 1<img alt="" id="slide1" src="img72px_A.jpg" />
           </a>
        </li>
        <li>
           <a href="#x">
              Image 2<img alt="" id="slide2" src="img72px_B.jpg" />
           </a></li>
        <li>
           <a href="#x">
              Image 3<img alt="" id="slide3" src="img72px_C.jpg" />
           </a>
        </li>
        <li>
           <a href="#x">
              Image 4<img alt="" id="slide4" src="img72px_D.jpg" />
           </a>
        </li>
     </ol>

     img#slide1, img#slide2, img#slide3, img#slide4
     {
        width: 0;
        height: 0;
     }

     a:hover img#slide1, 
     a:hover img#slide2, 
     a:hover img#slide3, 
     a:hover img#slide4,
     div#screen
     {
        position: absolute;
        top: 0;
        right: 0; 
        width: 72px;
        height: 72px;
     }

     div#screen
     {
        width: 70px;
        height: 70px;
        border: 1px dashed gray;
     }