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

docs/html/images/topic/instant-apps/s3-BandH-animated.gif

−327 KiB (2.98 MiB)
Loading image diff...

docs/html/images/topic/instant-apps/s3-BuzzFeed-animated.gif

+5.37 MiB (9.24 MiB)
Loading image diff...

docs/html/images/topic/instant-apps/s3-ParkandPay-animated.gif

+1.17 MiB (3.22 MiB)
Loading image diff...

docs/html/images/topic/instant-apps/s3-ParkandPay-static.png

−119 KiB (69.3 KiB)
Loading image diff...

docs/html/topic/instant-apps/index.jd

+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);



})();