请帮助我使我的画廊工作（jQuery；硬币滑块；Fancybox）

Question

我是新来的，也是 JQuery/Javascript 的新手 - 我有 2 个问题。

非常感谢您下载文件here！ - 因为这是让自己清楚的更简单的方法 - 我希望。

我将 Coin Slider 用于主画廊，我需要在幻灯片下查看所有画廊图片（使用小图片）和幻灯片，当点击图片时，它应该在 Fancybox 灯箱库的帮助下以全屏视图打开（使用较大的图片）。

所以...

问题 1：在幻灯片下，以缩略图显示图库中的所有图片。当前未显示 - 设法显示某张图片，但与所有画廊无关。

问题 2：当点击图片时，当前在幻灯片中 - 应该在全屏视图中打开。目前似乎与Coin Slider冲突，因为当index.html文件中未链接Coin Slider时，全屏视图有效，但图片以列表模式显示.

我相信并希望在 Coin Slider 文件中对拇指（问题 1）和index.html 中的代码进行一些更正以用于全屏视图（问题 2）。 p>

这是一篇长篇文章 - 感谢您阅读到最后，并对可能出现的语法错误深表歉意（我不会说英语）。

Answer 1

我也有同样的问题。我发现可以通过href 执行与 Coin Slider 一起使用的 javascript 调用。示例：

href="javascript:alert('hello');"

理论上，可以使用它来打开 Fancybox 画廊的特定元素。

我现在正在研究一个示例。

编辑：

来了。假设我们有一个像下面这样的硬币滑块：

<div id="coin-slider">
    <a href="javascript:box(0);"><img src="img/small/1.jpg"></a>
    <a href="javascript:box(1);"><img src="img/small/2.jpg"></a>
    <a href="javascript:box(2);"><img src="img/small/3.jpg"></a>
</div>

然后我们可以使用参数“i”创建一个名为“box”的函数，它将在“i”位置打开一个 Fancybox 画廊。

<script type="text/javascript">
    function box(i) {
        $.fancybox.open([
            {
                src  : 'img/big/1.jpg',
                opts : {
                    caption : 'Optional description 1'
                }
            },
            {
                src  : 'img/big/2.jpg',
                opts : {
                    caption : 'Optional description 2'
                }
            },
            {
                src  : 'img/big/3.jpg',
                opts : {
                    caption : 'Optional description 3'
                }
            }
        ], {
            loop : false, index : i
        });
    };
</script>

我正在使用 Fancybox 3，但我确信它可以被编辑以与其他版本一起使用。 希望这对那里的人有所帮助。