★吉光片羽 是壹穜風格★

不过，今天，它的优点我就不多说了，要说的是它针对IE的两个小BUG，在官网的Usage（使用说明）页面，可以看到fancybox的设置选项，第一个就是padding，而就是这第一个选项，就有问题。

padding    Padding around content

通过更改这个参数，就可以得到不同的图片外框的白边宽度，默认的为10。个人感觉太宽了，所以设置成了5，结果，在FF中没有问题，可IE不干了，右边和下边的宽度与左边和上边的不等，或者说，图片没有居中，且没有放大到实际100%的宽度。
第一反应就是修改CSS来调整，相关的设置条目如下：

div#fancy_outer {
}
div#fancy_inner {
}
div#fancy_content {
}

尝试修改每一个的padding参数，可怎么样都不行。那估计就是JS的问题了，思路没错，在经过一系列折腾以后，终于找到了罪魁祸首，原来是针对IE的一项设置太绝对了，代码如下：

if (isIE) {
          $("#fancy_content")[0].style.setExpression('height',  '(this.parentNode.clientHeight - 20)');
          $("#fancy_content")[0].style.setExpression('width',    '(this.parentNode.clientWidth - 20)');
        }

通过修改数值20，最后确定为10，也就是说，当默认padding为10的时候，这里的父层就减掉20的距离，而设置padding为5的时候，这里的父层就要相应减半，改为10。最后为了改成相对的，又进行了一系列测试，结果发现，这段判断根本就是多余的，直接屏蔽或删除就可以解决问题了。发现这个isIE是针对IE8以下版本的，删除后，IE7，IE8都没问题，可IE6又有问题，所以还是要改成相对的，修改后代码如下：

if (isIE) {
          $("#fancy_content")[0].style.setExpression('height','(this.parentNode.clientHeight - '+pad * 2+' )');
          $("#fancy_content")[0].style.setExpression('width',  '(this.parentNode.clientWidth - '+pad * 2+')');
        }

OK，问题基本解决。可就是这一系列一系列的问题，就花了我几个小时去琢磨……谨此与遇到同样麻烦的朋友一块分享！

在有一个问题，就是打开画廊并将其关闭之后，IE下，通过按 ← → 两个方向键，画廊又会被调出，而且没有了背景遮罩层。刚研究了一下，没发现具体原因，有办法的朋友希望能提供下帮助，以解决这个问题，谢谢！