jquery – HTML Attribute rel错误使用fancyBox

前端之家收集整理的这篇文章主要介绍了jquery – HTML Attribute rel错误使用fancyBox前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用fancybox创建一个包含以下代码的库:
<a class="fancybox" rel="group1" href="img/work/1.jpg"></a>
<a class="fancybox" rel="group1" href="img/work/2.jpg"></a>
<a class="fancybox" rel="group1" href="img/work/3.jpg"><img src="img/th/thumb.jpg" alt="Thumb" /></a>

但我验证代码时收到错误。它说:

Bad value group1 for attribute rel on element a: Keyword group1 is not registered.

如何解决这个问题?我没有正确地编写代码吗?我基本上想要一个缩略图,有3张照片可以滚动。

谢谢。

解决方法

如果你想在一个有效的HTML文档中有一个fancybox图库(只是因为我们都是纯粹主义者),那么你需要两件事情:

1:HTML5 DOCTYPE

<!DOCTYPE html>

2:使用data-fancybox-group属性而不是rel属性,如:

<a class="fancybox" data-fancybox-group="group1" href="img/work/1.jpg"></a>

这验证了! …见sample here

注意:这是为fancybox v2.x

猜你在找的jQuery相关文章