繁体   English   中英

Fancybox-如何通过手动调用使用fancybox打开画廊中的特定图像

Fancybox - How to open specific image in a gallery using fancybox via manual call

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

如何通过手动调用html中的图库而不通过jquery选项来打开fancybox?

这回答了手动打开画廊的问题。

但是,如果我想在图库中打开特定图像怎么办? 它可以是图库列表中的任何图像。 有没有办法做到这一点?

我已经试过了

$("#launcher").on("click", function(){
 $(".fancybox.default").eq(0).trigger("click");
});

在此处为要显示的图像添加一个附加类“默认”。

但是当我运行它时,它显示了该图像,但没有画廊的下一个/上一个按钮。

2 个回复

您必须模拟单击要聚焦的元素。

jQuery使您可以使用.click函数( link )来完成此操作。

我以这个例子为例,它专注于小组的要素。 第一种方法使用与创建组相同的选择器fancybox

<script>
    $(document).ready(function(){
        //get the group of your fancy elements
        var fancygroup = $("a[rel=example_group]");

        // get the element you want to focus (e.g the first element)
        var fancyelem = $(fancygroup.get(1));

        // simulate a click
        fancyelem.click();
    });
</script>

另外,您可以为要关注的元素分配一个ID,并模拟对其的点击

<p>
    Image gallery (ps, try using mouse scroll wheel)<br />

    <a rel="example_group" href="./example/9_b.jpg" title="Lorem ipsum dolor sit amet"><img alt="" src="./example/9_s.jpg" /></a>

    <a rel="example_group" href="./example/10_b.jpg" title=""><img alt="" src="./example/10_s.jpg" /></a>

    <a id="initthis" rel="example_group" href="./example/11_b.jpg" title=""><img alt="" src="./example/11_s.jpg" /></a>

    <a rel="example_group" href="./example/12_b.jpg" title=""><img class="last" alt="" src="./example/12_s.jpg" /></a>
</p>

(id分配给第三元素

然后直接选择元素:

<script>
    $(document).ready(function(){   
        $('#initthis').click();
    });
</script>

BR,斯蒂芬

$(“#ID”)。click(function(){$(“ a [rel = gallerimages]”)。fancybox({})。trigger('click');});

1 Fancybox-按元素名称而不是href手动打开画廊

我有按照fancyBox演示工作的手动图库链接,该链接打开js中指定的hrefs。 只有我想找到一种方法来打开页面上的其他图像,所以我想通过定位元素(li,img甚至是类?)而不是href。 这可能吗? 找不到关于此的任何文档! 提前致谢... http://jsfiddle. ...

2017-03-14 16:29:37 1 252   jquery
3 通过手动链接打开多个Fancybox图库

我试图通过手动调用html中的画廊而不是通过jquery选项来转换我如何打开fancybox中提供的解决方案? 为了将它应用到几个画廊,但无法使其正常运行。 我所拥有的是具有以下属性的几个链接: 等等 这些应该适用于各自支持Fancybox的相册,例如: 和 ...

4 FancyBox-从按钮打开画廊

我想使用fancyBox打开一个图片库,单击一个按钮。 这在网站上有很详细的说明,但是不起作用吗? 我不是专家,也许我做错了事。 这是代码: HTML: JavaScript: 使用的外部资源:jquery.fancybox.js和jquery.fancybox.cs ...

5 如何显示多个手动打开的fancybox画廊?

我想显示使用的fancybox数多,手工称为图像画廊。 我可以让一个画廊工作,但第二个画廊却无法打开。 这是代码: JAVASCRIPT 的HTML 我最终希望以某种方式调用图像,这样我就不必每次想上传图片时都在文件中添加代码行,但是到目前为止,我甚至在努力使两个实例正 ...

7 fancybox手动调用图像值数组

我有一个文件夹,其中包含具有类似格式的图像, “ _IMG(#)。jpg” 其中#代表图库中给定图像的编号。 我的想法是使用php获取页面加载时图库中的图像数量: 然后,我想做的是执行一些循环,根据图库中的图像数量创建图像链接数组,以便我可以调用fancybox, ...

8 如何使用fancybox手动打开YouTube视频

我正在构建一个angularJS webapp,我想通过调用构造函数的方法来打开youtube视频。 为了实现这一目标; 我想重现与 但是使用手动方式$.fancybox.open([ ... ]) 。 有人可以指导我如何做吗? ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM