fancybox 3:自定义设置dosnt工作

时间:2018-04-05 23:06:26

标签: jquery load fancybox customization fancybox-3

我有一个html文件,里面是<div class="gallery"> </div>。我使用jquery函数load()

加载文件/ img
$(".gallery").load("gallery/photos.php"); 

里面的.php代码是:

$photoDir = '../gallery/foto';

$photoFiles = array_diff(scandir($photoDir,1), array('..', '.'));

foreach($photoFiles as $photoFiles) echo '<a href="gallery/glamour/'.$photoFiles.'" data-fancybox="images" ><img src="gallery/glamour/'.$photoFiles.'"></a>';

和fancybox使用默认设置,但是当我想调用我的设置时,它不起作用,例如我使用:

$("[data-fancybox="images"]").fancybox({
thumbs : {
    autoStart : true
},   
keyboard: false,
});

我从文档中尝试了全局方式:     $ .fancybox.defaults.animationEffect =&#34; tube&#34 ;;

但它也不起作用......但是当我禁用我的load()并在.gallery div中我写(硬编码):

<a href="gallery/photo/img1.jpg" data-fancybox="images" ><img src="gallery/photo/img1.jpg"></a> 

然后我的服装设置工作得很好......可以帮助一些人,我做错了什么?

1 个答案:

答案 0 :(得分:0)

确保您的选择器返回您的链接。

在您的情况下,请将imageView.setBackgroundResource(R.drawable.sky); imageView.setImageResource(R.drawable.balloons); 替换为$("[data-fancybox]")