drag.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width" />
  6. <title>Drag tests</title>
  7. <link rel="stylesheet" href="../bower_components/qunit/qunit/qunit.css" media="screen" />
  8. <link rel="stylesheet" href="test.css" media="screen" />
  9. <link rel="stylesheet" href="../css/flickity.css" media="screen" />
  10. <style>
  11. body {
  12. padding-right: 440px;
  13. }
  14. #demos {
  15. position: absolute;
  16. right: 0;
  17. top: 0;
  18. width: 420px;
  19. }
  20. </style>
  21. <script src="../bower_components/qunit/qunit/qunit.js"></script>
  22. <!-- dependencies -->
  23. <script src="../bower_components/get-size/get-size.js"></script>
  24. <script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
  25. <script src="../bower_components/ev-emitter/ev-emitter.js"></script>
  26. <script src="../bower_components/unipointer/unipointer.js"></script>
  27. <script src="../bower_components/unidragger/unidragger.js"></script>
  28. <script src="../bower_components/fizzy-ui-utils/utils.js"></script>
  29. <!-- <script src="../bower_components/imagesloaded/imagesloaded.js"></script> -->
  30. <!-- Flickity source -->
  31. <script src="../js/cell.js"></script>
  32. <script src="../js/slide.js"></script>
  33. <script src="../js/animate.js"></script>
  34. <script src="../js/flickity.js"></script>
  35. <script src="../js/drag.js"></script>
  36. <script src="../js/prev-next-button.js"></script>
  37. <script src="../js/page-dots.js"></script>
  38. <script src="../js/player.js"></script>
  39. <script src="../js/add-remove-cell.js"></script>
  40. <script src="../js/lazyload.js"></script>
  41. <!-- turn off accessibility for these tests
  42. was causing bugs with dragging tests -->
  43. <script>
  44. Flickity.defaults.accessibility = false;
  45. </script>
  46. <!-- unit tests -->
  47. <script src="unit/drag.js"></script>
  48. </head>
  49. <body>
  50. <div id="qunit"></div>
  51. <div id="demos">
  52. <p><b>drag</b> and <b>drag with wrapAround</b> tests can be buggy. Try running them again.</p>
  53. <h2>drag</h2>
  54. <div id="drag" class="gallery variable-width drag">
  55. <div class="cell">1</div>
  56. <div class="cell">2</div>
  57. <div class="cell">3</div>
  58. <div class="cell">4</div>
  59. <div class="cell">5</div>
  60. <div class="cell">6</div>
  61. </div>
  62. <h2>drag wrapAround</h2>
  63. <div id="drag-wrap-around" class="gallery variable-width drag">
  64. <div class="cell">1</div>
  65. <div class="cell">2</div>
  66. <div class="cell">3</div>
  67. <div class="cell">4</div>
  68. <div class="cell">5</div>
  69. <div class="cell">6</div>
  70. </div>
  71. </div>
  72. </body>
  73. </html>