Fix broken image links in GM and SKPs rebaselining

gm/rebaseline_server/static/live-loader.js

 /*
  * Loader:
  * Reads GM result reports written out by results.py, and imports
  * them into $scope.extraColumnHeaders and $scope.imagePairs .
  */
 var Loader = angular.module(
     'Loader',
     ['ConstantsModule']
 );
 
@@ skipping 1034 matching lines @@
      * Returns the last path component of image diff URL for a given ImagePair.
      *
      * Depending on which diff this is (whitediffs, pixeldiffs, etc.) this
      * will be relative to different base URLs.
      *
      * We must keep this function in sync with _get_difference_locator() in
      * ../imagediffdb.py
      *
      * @param imagePair: ImagePair to generate image diff URL for
      */
+     // TODO (stephana): this is a temporary fix. A fix is in the works
+     // to get rid of this function and include the URL in the data 
+     // sent from the backend.
+
     $scope.getImageDiffRelativeUrl = function(imagePair) {
       var before =
-          imagePair[constants.KEY__IMAGEPAIRS__IMAGE_A_URL] + "-vs-" +
-          imagePair[constants.KEY__IMAGEPAIRS__IMAGE_B_URL];
+          imagePair[constants.KEY__IMAGEPAIRS__IMAGE_A_URL] + "_png-vs-" +
+          imagePair[constants.KEY__IMAGEPAIRS__IMAGE_B_URL] + "_png";
       return before.replace(/[^\w\-]/g, "_") + ".png";
     };
 
   }
 );