Question

I have this code in functions.js

$("a#example2").fancybox({
'overlayShow' : false,
'transitionIn' : 'elastic',
transitionOut' : 'elastic'

and it works but brings up my only errors while validating as HTML5. This is because I am using six

id="example2"

instances in my gallery and it flags for multiple use. When I dug up the templates for this, it had example1, example2 etc. and I just converted all to the one I like. This is for a gallery on my website at http://www.shaneofalltrades.com. Thanks!

Answer 1

Short answer, you don’t. That’s what classes are for.

<a class="fancy">....

$('.fancy').fancybox(.....