HTML Attribute rel Errors using fancyBox

by

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="https://stackoverflow.com/questions/9037061/img/work/1.jpg"></a>

That validates!! … see sample here

NOTE: this is for fancybox v2.x

More Related Contents:

  1. call Fancybox in parent from iframe
  2. jquery change section with scrolling and animation
  3. Click button copy to clipboard
  4. Selecting element by data attribute with jQuery
  5. Fancybox doesn’t work with jQuery v1.9.0 [ f.browser is undefined / Cannot read property ‘msie’ ]
  6. Change the image source on rollover using jQuery
  7. Get checkbox value in jQuery
  8. Show div on scrollDown after 800px
  9. How to remove close button on the jQuery UI dialog?
  10. jQuery on window resize
  11. Adding attribute in jQuery
  12. Hide/Show Column in a HTML Table
  13. Set selected option of select box
  14. Submit form with Enter key without submit button? [duplicate]
  15. jQuery find element by data attribute value
  16. .autocomplete is not a function Error
  17. jQuery hide element while preserving its space in page layout
  18. How to render partial view in MVC5 via ajax call to a controller and return HTML
  19. How to fade loop background images?
  20. Why is z-index ignored with position:static?
  21. Fancybox stuck loading iframe in IE
  22. Access Multiple Elements of same ID in jQuery
  23. HTML5 validation before ajax submit
  24. jQuery html attribute not working in IE
  25. access div in iframe parent
  26. How add spaces between Slick carousel item
  27. Datatables warning(table id = ‘example’): cannot reinitialise data table
  28. jQuery web page height
  29. jQuery: find input field closest to button
  30. How do I select an element with special characters in the ID?

Leave a Comment