Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 5ca058d3 authored by Eric Schmidt's avatar Eric Schmidt Committed by Android (Google) Code Review
Browse files

Merge "docs: Updates to GIFs on WH home page" into mnc-io-docs

parents 6c5d5320 90e0b3da
Loading
Loading
Loading
Loading
−327 KiB (2.98 MiB)
Loading image diff...
+5.37 MiB (9.24 MiB)
Loading image diff...
+1.17 MiB (3.22 MiB)
Loading image diff...
−119 KiB (69.3 KiB)
Loading image diff...
+29 −11
Original line number Diff line number Diff line
@@ -76,7 +76,9 @@ excludeFromSuggestions=true
  <div class="cols" style="margin-top:1em;">
    <div class="col-4of12 gif-container">
      <img class="partner-gifs"
        src="/images/topic/instant-apps/s3-BandH-static.png">
        src="/images/topic/instant-apps/s3-BandH-static.png"
        data-stat="/images/topic/instant-apps/s3-BandH-static.png"
        data-anim="/images/topic/instant-apps/s3-BandH-animated.gif">
      <p class="figure-caption">
        <em>B&amp;H Photo<br/>
            (via Google Search)</em>
@@ -85,7 +87,9 @@ excludeFromSuggestions=true

    <div class="col-4of12 gif-container">
      <img class="partner-gifs"
        src="/images/topic/instant-apps/s3-BuzzFeed-static.png">
        src="/images/topic/instant-apps/s3-BuzzFeed-static.png"
        data-stat="/images/topic/instant-apps/s3-BuzzFeed-static.png"
        data-anim="/images/topic/instant-apps/s3-BuzzFeed-animated.gif">
      <p class="figure-caption">
        <em>BuzzfeedVideo<br/>
            (via a shared link)</em>
@@ -94,7 +98,9 @@ excludeFromSuggestions=true

    <div class="col-4of12 gif-container">
      <img class="partner-gifs"
        src="/images/topic/instant-apps/s3-ParkandPay-static.png">
        src="/images/topic/instant-apps/s3-ParkandPay-static.png"
        data-stat="/images/topic/instant-apps/s3-ParkandPay-static.png"
        data-anim="/images/topic/instant-apps/s3-ParkandPay-animated.gif">
      <p class="figure-caption">
        <em>Park and Pay<br/>
            (via NFC)</em>
@@ -263,18 +269,30 @@ excludeFromSuggestions=true

(function () {

  function swapOnMouseover(evt) {
    var target = evt.target;
    var imageSrc = $(target).attr("src");
  function onMouseEnter(evt) {
    if (evt.target.dataset && evt.target.dataset.anim) {
      swap(evt.target, {
        newStr: evt.target.dataset.anim
      });
    }
  }

  function onMouseOut(evt) {
    if (evt.target.dataset && evt.target.dataset.stat) {
      swap(evt.target, {
        newStr: evt.target.dataset.stat
      });
    }
  }

    // Assumes that images are named *-static and *-animated.
    if (imageSrc.indexOf("static") > -1) {
      var newImageSrc = imageSrc.replace("static.png", "animated.gif");
      $(target).attr("src", newImageSrc).removeAttr("onmouseenter");
  function swap(target, options) {
    if (options && options.newStr) {
      $(target).attr("src", options.newStr);
    }
  }

  $(".partner-gifs").mouseenter(swapOnMouseover);
  $(".partner-gifs").mouseenter(onMouseEnter);
  $(".partner-gifs").mouseout(onMouseOut);

})();

Loading