Question

如何使用投资组合库中的滑动门悬停效果使FancyBox jQuery图像可点击？现在，当您单击图库图像时，滑动门效果但是 fancybox没有做任何事情。

如何将两者 jquery.easing.1.3.js（滑动门效果）和jquery.fancybox.js一起使用？

我按照此tutorial到删除的评论中的说明操作：window.location = $（this）.find（＆＃39; a＆＃39;）。attr（＆＃39; HREF＆＃39）; - 在jquery.easing HTML Head Tag代码中

我的网站有很多，因为它是一页的投资组合。我试图完成这个网站向雇主发送工作。我很沮丧，因为我已经在这个网站上工作了这么长时间，我需要一份工作！

Answer 1

你必须更换

window.location = $(this).find('a').attr('href');

与

var url = $(this).find('a').attr('href');
$.fancybox({
    'padding'       : 0,
    'href'          : url,
    'title'         : 'Lorem ipsum dolor sit amet',
    'transitionIn'  : 'elastic',
    'transitionOut' : 'elastic',
    'type'      : 'image'
});

请注意

我正在使用'type' : 'image'，因为我正在从http://placekitten.com/200/300等链接加载图片，在这种情况下强制类型是必要的，因为url没有有效的图片扩展名。

如果您不需要，请删除它。

Working Demo

在FancyBox图库中的jQuery滑动门效果？

1 个答案: