slide-M

 Вставляем в шаблон:

<style type='text/css'>
    
    body {
        position: absolute;
        margin: 0px;
        padding: 0px;
        background: #eee;
        width: 100%;
        height: 100%;
    }
    #border {
        position:absolute;
        width:800px;
        height:600px;
        margin-left:-220px;
        margin-top:-170px;
        left:50%;
        top:50%;
        background:#fff;
        border:#aaa solid 0px;
    }
    #caption {
        position:absolute;
        width:800px;
        height:600px;
        left:50%;
        top:50%;
        margin-left:-220px;
        margin-top:175px;
    }
    #screen {
        position:absolute;
        width:800px;
        height:600px;
        margin-left:-400px;
        margin-top:-350px;
        left:50%;
        top:50%;
        background:#fff;
    }
    #screen span {
        position:absolute;
        overflow:hidden;
        border:#aaa solid 1px;
        background:#fff;
    }
    #screen img{
        position:absolute;
        left:-32px;
        top:-32px;
        cursor: pointer;
        filter: alpha(opacity=100);
    }
    #caption {
        color: #666;
        font-family: georgia, &#39;times new roman&#39;, times, veronica, serif;
        font-size: 1em;
        text-align: center;
    }
    #caption b {
        font-size: 2em;
    }

</style>
    
    <style type='text/css'>
    
    
</style>
   
<script src='https://foglia2008.narod.ru/galDIAP/slide-M.js' type='text/javascript'/>

В поле сообщения:

<div id="border"></div>
	<div id="screen">
	<span style="left: 0px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im6.jpg" alt=""></span>
	<span style="left: 0px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -8px;" src="slide-M_files/im2.jpg" alt=""></span>
	<span style="left: 0px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im3.jpg" alt=""></span>
	<span style="left: 0px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im4.jpg" alt=""></span>
	<span style="left: 103px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im5.jpg" alt=""></span>
	<span style="left: 103px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im1.jpg" alt=""></span>
	<span style="left: 103px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im7.jpg" alt=""></span>
	<span style="left: 103px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im18.jpg" alt=""></span>
	<span style="left: 205px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im8.jpg" alt=""></span>
	<span style="left: 205px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im10.jpg" alt=""></span>
	<span style="left: 205px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im12.jpg" alt=""></span>
	<span style="left: 205px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im17.jpg" alt=""></span>
	<span style="left: 308px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im14.jpg" alt=""></span>
	<span style="left: 308px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im15.jpg" alt=""></span>
	<span style="left: 308px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im16.jpg" alt=""></span>
	<span style="left: 308px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im9.jpg" alt=""></span>
	</div>
	<div id="caption">- click - </div>
	<script type="text/javascript">
	// starter
	siM.init();
	</script>