Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
526 views
in Technique[技术] by (71.8m points)

jquery - HTML Attribute rel Errors using fancyBox

I'm using fancyBox to create a gallery with the following code:

<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>

But I'm getting errors while validating the code. It says:

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

How do I fix this issue? Am I not writing the code out correctly? I basically wanted one thumbnail, with 3 photos to scroll through.

Thank you.

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

If you want to have a fancybox gallery within a valid HTML document (just because we are all purists ;) then you need two things:

1: An HTML5 DOCTYPE

<!DOCTYPE html>

2: use the data-fancybox-group attribute rather than the rel attribute like:

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

That validates!! ... see sample here

NOTE: this is for fancybox v2.x


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...