Я бы сделал, но я ж не админ.
Если выделите какую-нибудь тестовую страницу с полным доступом и сообщите, как её можно редактировать, попробую.

P.S. Покопался чуток в примере по ссылке.
Навскидку технология такова.

1) нужно добавить в таблицу стилей примерно такой код:

.thumbnail_wl{  
position: relative;  
z-index: 0;  
}  
.thumbnail_wl:hover{  
background-color: transparent;  
z-index: 50;  
}  
.thumbnail_wl span{ /*CSS for enlarged image*/  
position: absolute;  

background-color: #3d3d3d;  
padding: 5px;  
left: -1000px;  
border: 1px solid white;  
visibility: hidden;  
padding-right: 8px;  
text-decoration: none;  
border-radius: 4px 4px 4px 4px; 
-moz-border-radius: 4px 4px 4px 4px; 
-webkit-border-radius: 4px 4px 4px 4px; 
min-width: 245%;
}  
.thumbnail_wl span img{ /*CSS for enlarged image*/  
border-width: 0;  
padding: 2px;  
}  
.thumbnail_wl:hover span{ /*CSS for enlarged image on hover*/  
visibility: visible;  
top: -29px;
left: 106px; /*position where enlarged image should offset horizontally */  
}  
/*---------------------*/

2) после чего ссылки вида

<a href="ссылка на картинку" target="_blank">рис.___</a>

заменить на

<a class="thumbnail_wl" href="ссылка на картинку" target="_blank">рис.___<span><img width="300" src="ссылка на картинку"/></span></a>

Ясно, что делать последний пункт вручную для каждой ссылки нереально, но можно накатать прогу, которая справится с этим сама.

Положил пример сюда - http://disk.tom.ru/whx1gxm (надо скачать оба файла и открыть html)