Красивый вид материалов Фотоальбома FERA

<link rel="stylesheet" type="text/css" href="http://zornet.ru/zornet_ru9/tipTip.css">  
<script src="http://zornet.ru/zornet_ru1/jquery.tipTip.js"></script>  
<script>  
$(function(){  
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});  
});  
</script>  

<div align="center">  
<table border="0" cellpadding="0" cellspacing="0">  
<tbody><tr>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_1.png" height="17">  
</td>  
<td background="http://zornet.ru/zornet_ru1/ava_2.png" height="17">  
</td>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_3.png" height="17">  
</td>  
</tr>  
<tr>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_4.png">  
</td>  
<td>  
<div style="position:absolute;z-index:30;">$MODER_PANEL$</div>  
<script>  
jQuery(function(){  
$("#banners img").hover(function(){  
$(this).stop().animate({opacity:'1.0'})},  
function(){$(this).stop().animate({opacity:'.8'})}  
);  
});  
</script>  
<style>  
#banners img{opacity:.3;filter:alpha(opacity=80)}  
</style>  
<div id="banners">  
<a href="$PHOTO_URL$" title="Просмотры: $REVIEWS$ | Комментариев: $COMMENTS_NUM$ | Рейтинг: $RATING$">$PHOTO$</a>  
</div>  
</td>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_5.png">  
</td>  
</tr>  
<tr>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_6.png" height="17">  
</td>  
<td background="http://zornet.ru/zornet_ru1/ava_7.png" height="17">  
</td>  
<td width="17" background="http://zornet.ru/zornet_ru1/ava_8.png" height="17">  
</td>  
</tr>  
</tbody></table> </div>  
<style type="text/css">  
  #banners img {opacity: 0.8;}  
</style>