fancybox вместо lightbox - Разработки и улучшения

 public static function loadJsFilesLightBox(){
    static $load;
        $jshopConfig = JSFactory::getConfig();
        if (!$jshopConfig->load_jquery_lightbox) return 0;
        if (!$load){
            $document = JFactory::getDocument();
            $document->addScript(JURI::root().'components/com_jshopping/js/jquery/jquery.lightbox-0.5.pack.js');
            $document->addStyleSheet(JURI::root().'components/com_jshopping/css/jquery.lightbox-0.5.css');
            $document->addScriptDeclaration('function initJSlightBox(){
                jQuery("a.lightbox").lightBox({
                    imageLoading: "'.JURI::root().'components/com_jshopping/images/loading.gif",
                    imageBtnClose: "'.JURI::root().'components/com_jshopping/images/close.gif",
                    imageBtnPrev: "'.JURI::root().'components/com_jshopping/images/prev.gif",
                    imageBtnNext: "'.JURI::root().'components/com_jshopping/images/next.gif",
                    imageBlank: "'.JURI::root().'components/com_jshopping/images/blank.gif",
                    txtImage: "'._JSHOP_IMAGE.'",
                    txtOf: "'._JSHOP_OF.'"
                });
            }
            jQuery(function() { initJSlightBox(); });');
            $load = 1;
        }
    }

<script src="/templates/шаблон/js/jquery.fancybox.pack.js" type="text/javascript"></script>
<link rel="stylesheet" href="/templates/шаблон/css/jquery.fancybox.css" type="text/css" />
<script type="text/javascript">
    jQuery(document).ready(function() {
 jQuery(".lightbox").fancybox({
		maxWidth	: 800,
		maxHeight	: 600,
		fitToView	: false,
		width		: '70%',
		height		: '70%',
		autoSize	: false,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'none'
	});
});
</script>

  <a class="lightbox" id="main_image_full_<?php print $image->image_id?>" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>" <?php if ($k!=0){?>style="display:none"<?php }?>>
                <img id = "main_image_<?php print $image->image_id?>" src = "<?php print $this->image_product_path?>/<?php print $image->image_name;?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" />
            </a>

<a href="<?php print $product->product_link?>?tmpl=component" class="various" data-fancybox-type="iframe">Быстрый просмотр</a>

  <a class="lightbox" rel="gallery1" id="main_image_full_<?php print $image->image_id?>" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>" <?php if ($k!=0){?>style="display:none"<?php }?>>
                <img id = "main_image_<?php print $image->image_id?>" src = "<?php print $this->image_product_path?>/<?php print $image->image_name;?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" />
            </a>

<div class="manufacturer_logo">
                <a rel="gallery1" href="<?php print SEFLink('index.php?option=com_jshopping&controller=manufacturer&task=view&manufacturer_id='.$this->product->product_manufacturer_id, 2);?>">
                    <img src="<?php print $this->config->image_manufs_live_path."/".$this->product->manufacturer_info->manufacturer_logo?>" alt="<?php print htmlspecialchars($this->product->manufacturer_info->name);?>" title="<?php print htmlspecialchars($this->product->manufacturer_info->name);?>" border="0" />
                </a>
            </div>

	<script src="<?php echo $this->baseurl ?>/templates/ваш_шаблон/js/jquery.fancybox.pack.js" type="text/javascript"></script>
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/ваш_шаблон/css/jquery.fancybox.css" type="text/css" />
	<script type="text/javascript">
		jQuery(document).ready(function() {
	 jQuery(".lightbox").fancybox({
			maxWidth	: 800,
			maxHeight	: 600,
			fitToView	: false,
			width		: '70%',
			height		: '70%',
			autoSize	: false,
			closeClick	: false,
			openEffect	: 'none',
			closeEffect	: 'none'
		});
	});
	</script>

<script src="<?php echo $this->baseurl ?>/templates/ваш_шаблон/js/jquery.fancybox.pack.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/ваш_шаблон/css/jquery.fancybox.css" type="text/css" />
<script type="text/javascript">
	jQuery(document).ready(function() {
	jQuery(".lightbox").fancybox({
			maxWidth	: 1000,
			maxHeight	: 800,
			fitToView	: true,
			autoSize	: true,
			closeClick	: true,
			openEffect	: 'elastic',
			closeEffect	: 'elastic'
	});
	});
	</script>

overflow-x: hidden;