javascript - 防止 Fancybox 缩略图四处移动？

Question

当您选择一个 Fancybox 缩略图时，有没有办法防止它四处移动？目前，它会在您每次点击一个缩略图时重新定位该行缩略图。

可以在此处的“扩展功能 - 缩略图助手”部分看到此行为:http://fancyapps.com/fancybox/

我只想让整个缩略图行居中且静止。

Answer 1

为了使用缩略图助手，您还必须加载以下 JS 文件:

   <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=2.1.4"></script>

靠近底部是以下代码:

//Center list
        onUpdate: function (opts, obj) {
            if (this.list) {
                this.list.stop(true).animate({
                    'left': Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5))
                }, 150);
            }
        },

改成这样:

//Center list
        onUpdate: function (opts, obj) {
            /* if (this.list) {
                this.list.stop(true).animate({
                    'left': Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5))
                }, 150);
            } */
        },

这应该会阻止它进行动画处理。我没有测试它，因为我没有安装它，但通过阅读代码，我认为这就是移动缩略图的原因。试试看，如果有效请告诉我。