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 – HTML Attribute rel错误使用fancyBox

解决方法

相关文章