Initial restyle of the gallery.

chrome/browser/resources/file_manager/js/photo/ribbon.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 'use strict';
 
 /**
  * Scrollable thumbnail ribbon at the bottom of the Gallery in the Slide mode.
  *
  * @param {Document} document Document.
@@ skipping 282 matching lines @@
  *
  * @param {number} index Item index.
  * @return {Element} Newly created element.
  * @private
  */
 Ribbon.prototype.renderThumbnail_ = function(index) {
   var item = this.dataModel_.item(index);
   var url = item.getUrl();
 
   var cached = this.renderCache_[url];
-  if (cached)
+  if (cached) {
+    var img = cached.querySelector('img');
+    if (img)
+      img.classList.add('cached');
     return cached;
+  }
 
   var thumbnail = this.ownerDocument.createElement('div');
   thumbnail.className = 'ribbon-image';
   thumbnail.addEventListener('click', function() {
     var index = this.dataModel_.indexOf(item);
     this.selectionModel_.unselectAll();
     this.selectionModel_.setIndexSelected(index, true);
   }.bind(this));
 
   util.createChild(thumbnail, 'image-wrapper');
@@ skipping 46 matching lines @@
  * @param {string} oldUrl Old url.
  * @param {string} newUrl New url.
  * @private
  */
 Ribbon.prototype.remapCache_ = function(oldUrl, newUrl) {
   if (oldUrl != newUrl && (oldUrl in this.renderCache_)) {
     this.renderCache_[newUrl] = this.renderCache_[oldUrl];
     delete this.renderCache_[oldUrl];
   }
 };