Added callback_cancel to all demos

dejaka · Jun 25, 2020 · 30c442f · 30c442f
1 parent 1aa5151
commit 30c442f
Show file tree

Hide file tree

Showing 33 changed files with 7,628 additions and 7,112 deletions.
diff --git a/demos/amd.html b/demos/amd.html
diff --git a/demos/amd_polyfill.html b/demos/amd_polyfill.html
diff --git a/demos/async.html b/demos/async.html
@@ -463,17 +463,22 @@ <h1>Async loading demo</h1>
  };
  var callback_error = function (element) {
  logElementEvent("💀 ERROR", element);
- element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+ element.src =
+ "https://via.placeholder.com/440x560/?text=Error+Placeholder";
  };
  var callback_finish = function () {
  logElementEvent("✔️ FINISHED", document.documentElement);
  };
+ var callback_cancel = function (element) {
+ logElementEvent("🔥 CANCEL", element);
+ };
 
  window.lazyLoadOptions = {
  threshold: 0,
  // Assign the callbacks defined above
  callback_enter: callback_enter,
  callback_exit: callback_exit,
+ callback_cancel: callback_cancel,
  callback_loading: callback_loading,
  callback_loaded: callback_loaded,
  callback_error: callback_error,

diff --git a/demos/async_multiple.html b/demos/async_multiple.html
@@ -470,11 +470,15 @@ <h1>Async loading, multiple instances demo</h1>
  };
  var callback_error = function (element) {
  logElementEvent("💀 ERROR", element);
- element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+ element.src =
+ "https://via.placeholder.com/440x560/?text=Error+Placeholder";
  };
  var callback_finish = function () {
  logElementEvent("✔️ FINISHED", document.documentElement);
  };
+ var callback_cancel = function (element) {
+ logElementEvent("🔥 CANCEL", element);
+ };
 
  window.lazyLoadInstances = [];
  window.lazyLoadOptions = [
@@ -483,6 +487,7 @@ <h1>Async loading, multiple instances demo</h1>
  // Assign the callbacks defined above
  callback_enter: callback_enter,
  callback_exit: callback_exit,
+ callback_cancel: callback_cancel,
  callback_loading: callback_loading,
  callback_loaded: callback_loaded,
  callback_error: callback_error,

diff --git a/demos/background_images.html b/demos/background_images.html
@@ -42,7 +42,11 @@ <h1>Background images demo</h1>
  ></a>
  </li>
  <li>
- <a class="lazy" href="#" data-bg="https://via.placeholder.com/220x280?text=Img+02"></a>
+ <a
+ class="lazy"
+ href="#"
+ data-bg="https://via.placeholder.com/220x280?text=Img+02"
+ ></a>
  </li>
  <li>
  <a
@@ -53,7 +57,11 @@ <h1>Background images demo</h1>
  ></a>
  </li>
  <li>
- <a class="lazy" href="#" data-bg="https://via.placeholder.com/220x280?text=Img+04"></a>
+ <a
+ class="lazy"
+ href="#"
+ data-bg="https://via.placeholder.com/220x280?text=Img+04"
+ ></a>
  </li>
  <li>
  <a
@@ -64,7 +72,11 @@ <h1>Background images demo</h1>
  ></a>
  </li>
  <li>
- <a class="lazy" href="#" data-bg="https://via.placeholder.com/220x280?text=Img+06"></a>
+ <a
+ class="lazy"
+ href="#"
+ data-bg="https://via.placeholder.com/220x280?text=Img+06"
+ ></a>
  </li>
  <li>
  <a
@@ -335,7 +347,11 @@ <h1>Background images demo</h1>
  <script src="../dist/lazyload.min.js"></script>
  <script>
  function logElementEvent(eventName, element) {
- console.log(Date.now(), eventName, element.getAttribute("data-bg88da112-bg-hidpi=bg"));
+ console.log(
+ Date.now(),
+ eventName,
+ element.getAttribute("data-bg88da112-bg-hidpi=bg")
+ );
  }
 
  var callback_enter = function (element) {
@@ -352,16 +368,21 @@ <h1>Background images demo</h1>
  };
  var callback_error = function (element) {
  logElementEvent("💀 ERROR", element);
- element.src = "https://via.placeholder.com/220x280/?text=Error+Placeholder";
+ element.src =
+ "https://via.placeholder.com/220x280/?text=Error+Placeholder";
  };
  var callback_finish = function () {
  logElementEvent("✔️ FINISHED", document.documentElement);
  };
+ var callback_cancel = function (element) {
+ logElementEvent("🔥 CANCEL", element);
+ };
 
  LL = new LazyLoad({
  // Assign the callbacks defined above
  callback_enter: callback_enter,
  callback_exit: callback_exit,
+ callback_cancel: callback_cancel,
  callback_loading: callback_loading,
  callback_loaded: callback_loaded,
  callback_error: callback_error,

diff --git a/demos/background_images_multi.html b/demos/background_images_multi.html
@@ -368,7 +368,11 @@ <h1>Multiple background images demo</h1>
  <script src="../dist/lazyload.min.js"></script>
  <script>
  function logElementEvent(eventName, element) {
- console.log(Date.now(), eventName, element.getAttribute("data-bg-multi"));
+ console.log(
+ Date.now(),
+ eventName,
+ element.getAttribute("data-bg-multi")
+ );
  }
 
  var callback_enter = function (element) {
@@ -388,16 +392,21 @@ <h1>Multiple background images demo</h1>
  };
  var callback_error = function (element) {
  logElementEvent("💀 ERROR", element);
- element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+ element.src =
+ "https://via.placeholder.com/440x560/?text=Error+Placeholder";
  };
  var callback_finish = function () {
  logElementEvent("✔️ FINISHED", document.documentElement);
  };
+ var callback_cancel = function (element) {
+ logElementEvent("🔥 CANCEL", element);
+ };
 
  LL = new LazyLoad({
  // Assign the callbacks defined above
  callback_enter: callback_enter,
  callback_exit: callback_exit,
+ callback_cancel: callback_cancel,
  callback_applied: callback_applied,
  callback_loading: callback_loading,
  callback_loaded: callback_loaded,

diff --git a/demos/container_multiple.html b/demos/container_multiple.html
@@ -472,17 +472,22 @@ <h1>Multiple scrolling container demo</h1>
  };
  var callback_error = function (element) {
  logElementEvent("💀 ERROR", element);
- element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+ element.src =
+ "https://via.placeholder.com/440x560/?text=Error+Placeholder";
  };
  var callback_finish = function () {
  logElementEvent("✔️ FINISHED", document.documentElement);
  };
+ var callback_cancel = function (element) {
+ logElementEvent("🔥 CANCEL", element);
+ };
 
  var ll1 = new LazyLoad({
  container: document.getElementById("results1"),
  // Assign the callbacks defined above
  callback_enter: callback_enter,
  callback_exit: callback_exit,
+ callback_cancel: callback_cancel,
  callback_loading: callback_loading,
  callback_loaded: callback_loaded,
  callback_error: callback_error,

diff --git a/demos/container_single.html b/demos/container_single.html
@@ -462,17 +462,22 @@ <h1>Single scrolling container demo</h1>
  };
  var callback_error = function (element) {
  logElementEvent("💀 ERROR", element);
- element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+ element.src =
+ "https://via.placeholder.com/440x560/?text=Error+Placeholder";
  };
  var callback_finish = function () {
  logElementEvent("✔️ FINISHED", document.documentElement);
  };
+ var callback_cancel = function (element) {
+ logElementEvent("🔥 CANCEL", element);
+ };
 
  var ll = new LazyLoad({
  container: document.getElementById("results1"),
  // Assign the callbacks defined above
  callback_enter: callback_enter,
  callback_exit: callback_exit,
+ callback_cancel: callback_cancel,
  callback_loading: callback_loading,
  callback_loaded: callback_loaded,
  callback_error: callback_error,

diff --git a/demos/destroy.html b/demos/destroy.html
@@ -468,16 +468,21 @@ <h1>Destroy demo</h1>
  };
  var callback_error = function (element) {
  logElementEvent("💀 ERROR", element);
- element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+ element.src =
+ "https://via.placeholder.com/440x560/?text=Error+Placeholder";
  };
  var callback_finish = function () {
  logElementEvent("✔️ FINISHED", document.documentElement);
  };
+ var callback_cancel = function (element) {
+ logElementEvent("🔥 CANCEL", element);
+ };
 
  ll = new LazyLoad({
  // Assign the callbacks defined above
  callback_enter: callback_enter,
  callback_exit: callback_exit,
+ callback_cancel: callback_cancel,
  callback_loading: callback_loading,
  callback_loaded: callback_loaded,
  callback_error: callback_error,

diff --git a/demos/dynamic_content.html b/demos/dynamic_content.html
@@ -163,16 +163,21 @@ <h1>Dynamic content demo</h1>
  };
  var callback_error = function (element) {
  logElementEvent("💀 ERROR", element);
- element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+ element.src =
+ "https://via.placeholder.com/440x560/?text=Error+Placeholder";
  };
  var callback_finish = function () {
  logElementEvent("✔️ FINISHED", document.documentElement);
  };
+ var callback_cancel = function (element) {
+ logElementEvent("🔥 CANCEL", element);
+ };
 
  ll = new LazyLoad({
  // Assign the callbacks defined above
  callback_enter: callback_enter,
  callback_exit: callback_exit,
+ callback_cancel: callback_cancel,
  callback_loading: callback_loading,
  callback_loaded: callback_loaded,
  callback_error: callback_error,

diff --git a/demos/dynamic_content_nodeset.html b/demos/dynamic_content_nodeset.html
@@ -146,17 +146,22 @@ <h1>Dynamic content passing nodeset demo</h1>
  };
  var callback_error = function (element) {
  logElementEvent("💀 ERROR", element);
- element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+ element.src =
+ "https://via.placeholder.com/440x560/?text=Error+Placeholder";
  };
  var callback_finish = function () {
  logElementEvent("✔️ FINISHED", document.documentElement);
  };
+ var callback_cancel = function (element) {
+ logElementEvent("🔥 CANCEL", element);
+ };
 
  ll = new LazyLoad(
  {
  // Assign the callbacks defined above
  callback_enter: callback_enter,
  callback_exit: callback_exit,
+ callback_cancel: callback_cancel,
  callback_loading: callback_loading,
  callback_loaded: callback_loaded,
  callback_error: callback_error,

diff --git a/demos/fade_in.html b/demos/fade_in.html
@@ -471,7 +471,8 @@ <h1>Fade in effect demo</h1>
  };
  var callback_error = function (element) {
  logElementEvent("💀 ERROR", element);
- element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+ element.src =
+ "https://via.placeholder.com/440x560/?text=Error+Placeholder";
  };
  var callback_finish = function () {
  logElementEvent("✔️ FINISHED", document.documentElement);
@@ -484,8 +485,8 @@ <h1>Fade in effect demo</h1>
  threshold: 0,
  // Assign the callbacks defined above
  callback_enter: callback_enter,
- callback_cancel: callback_cancel,
  callback_exit: callback_exit,
+ callback_cancel: callback_cancel,
  callback_loading: callback_loading,
  callback_loaded: callback_loaded,
  callback_error: callback_error,