Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/opengl/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Fancybox-如何通过手动调用使用Fancybox在图库中打开特定图像_Jquery_Fancybox - Fatal编程技术网

Jquery Fancybox-如何通过手动调用使用Fancybox在图库中打开特定图像

Jquery Fancybox-如何通过手动调用使用Fancybox在图库中打开特定图像,jquery,fancybox,Jquery,Fancybox,这回答了手动打开库的问题 但是,如果我想在图库中打开特定的图像,该怎么办?它可以是图库列表中的任何图像。有办法吗 我试过这个 $("#launcher").on("click", function(){ $(".fancybox.default").eq(0).trigger("click"); }); 其中,我为要显示的图像添加了一个附加类“default” 但当我运行它时,它会显示该图像,但没有gallery的next/prev按钮。您必须模拟单击要聚焦的元素 JQuery允许您使用完成

这回答了手动打开库的问题

但是,如果我想在图库中打开特定的图像,该怎么办?它可以是图库列表中的任何图像。有办法吗

我试过这个

$("#launcher").on("click", function(){
 $(".fancybox.default").eq(0).trigger("click");
});
其中,我为要显示的图像添加了一个附加类“default”


但当我运行它时,它会显示该图像,但没有gallery的next/prev按钮。

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

JQuery允许您使用
完成此操作。单击
函数()

我举了一个例子,让它关注团队的元素。 第一个方法使用与创建组相同的选择器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>

$(文档).ready(函数(){
//获得你的奇幻元素组
var fancygroup=$(“a[rel=example\u group]”);
//获取要聚焦的元素(例如第一个元素)
var fancyelem=$(fancygroup.get(1));
//模拟点击
fancyelem.click();
});
或者,您可以为要聚焦的元素指定一个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>

图像库(ps,尝试使用鼠标滚轮)

(分配给第三个a元素的id)

然后直接选择元素:

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

$(文档).ready(函数(){
$('#initthis')。单击();
});
比尔, Stefan(“#ID”)。单击(函数(){ $(“a[rel=gallerimages]”)。fancybox({ }).trigger('click');
})

参考此链接。它将帮助您@Sathish我已经在问题的顶部发布了此链接