0

您如何使用作品集画廊中的推拉门悬停效果使 FancyBox jQuery 图像可点击？现在推拉门效果有效，但是当您单击图库图像时，fancybox 没有任何作用。

如何让jquery.easing.1.3.js（滑动门效果）和 jquery.fancybox.js 一起工作？

我按照本教程评论中的说明删除：window.location = $(this).find('a').attr('href'); - 在 jquery.easing HTML Head Tag 代码中

我的网站有很多内容，因为它是一个单页作品集。我正在努力完成这个网站以发送给雇主寻找工作。我很沮丧，因为我在这个网站上工作了这么久，我需要一份工作！

4

1 回答 1

0

你必须更换

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没有有效的图像扩展名。

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

工作演示

于 2012-05-30T18:39:04.900 回答