Авторесайз внешних изображений в bbcodes через Fancybox

 
fancybox/fancybox/jquery.fancybox-1.2.5.css
fancybox/fancybox/jquery.fancybox-1.2.5.js
fancybox/fancybox/jquery.fancybox-1.2.5.pack.js

 
  <script type="text/javascript" src="/includes/jquery/fancybox/jquery.fancybox-1.2.5.pack.js"></script>
  <script type="text/javascript" src="/includes/jquery/fancybox/jquery.fancybox-1.2.5.js"></script>
  <link rel="stylesheet" type="text/css" href="/includes/jquery/fancybox/jquery.fancybox-1.2.5.css" media="screen" />
  <script type="text/javascript">
  // <![CDATA[
 
		$(document).ready(function() {
 
			$("a[rel=example_group]").fancybox({
				'titlePosition'		: 'over',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'hideOnOverlayClick'	: true,
				'hideOnContentClick'	: false,
				'titleShow'		: true,
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + '</span>';
				}
			});
  });
 
  // ]]>
  </script>

} else {
return '<div class="bb_img" style="'.$div_style.'"><img src="'.htmlspecialchars($src).'" '.$attr.' /></div>';
                 }

else {
return '<span class="hoverbox" title="Нажмите левую кнопку мыши для просмотра изображения"><a rel="example_group" href="'.htmlspecialchars($src).'" title=""><img src="'.htmlspecialchars($src).'" alt=""/></a></span>';
               }
 

/** Стиль Fancybox **/
.hoverbox img {
background: #fff;
color: inherit;
vertical-align: top;
max-width: 600px; /** Максимальная ширина при после которой будет идти ресайз - например ширина блога**/
min-width: 100px; /** Минимальная ширина изображения, порога далее которого уменьшаться оно не будет**/
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
padding: 3px;
margin: 1px;
}