diff --git a/css/media.css b/css/media.css
index 639354a..ae11a04 100644
--- a/css/media.css
+++ b/css/media.css
@@ -262,6 +262,45 @@ div#media-browser .throbber {
   border-top: 1px solid #aaa;
 }
 
+#media-zoom-container{
+  width: 200px;
+  margin-right: 10px;
+  margin-top: 25px;
+  float: right;
+}
+
+#media-browser-slider-zoom, #media-zoom-container .icon-small, #media-zoom-container .icon-large{
+  float: left;
+}
+
+#media-browser-slider-zoom{
+  width: 155px;
+  height: 4px;
+  border-radius: 4px;
+  margin: 2px 10px;
+}
+
+#media-browser-slider-zoom .ui-slider-handle{
+  width: 10px;
+  height: 10px;
+  top: -4px;
+  border-radius: 5px;
+}
+
+#media-zoom-container .icon-small, #media-zoom-container .icon-large{
+  background: transparent url('../images/zoom-icons.png') no-repeat 0 0;
+  width: 11px;
+  height: 10px;
+}
+
+#media-zoom-container .icon-small{
+  width: 8px;
+}
+
+#media-zoom-container .icon-large{
+  background-position: -11px 0;
+}
+
 .fake-ok {
   margin-right: 5px;
 }
diff --git a/includes/media.browser.inc b/includes/media.browser.inc
index c337876..2b2c75e 100644
--- a/includes/media.browser.inc
+++ b/includes/media.browser.inc
@@ -279,7 +279,7 @@ function media_media_browser_plugin_view($plugin_name, $params) {
         // We should probably change this to load dynamically when requested
         // via the JS file.
         ) + $params,
-        '#markup' => '<div id="container"><div id="scrollbox"><ul id="media-browser-library-list" class="media-list-thumbnails"></ul><div id="status"></div></div></div>',
+        '#markup' => '<div id="container"><div id="scrollbox"><ul id="media-browser-library-list" class="media-list-thumbnails"></ul><div id="status"></div></div></div><div id="media-zoom-container"><div class="icon-small"></div><div id="media-browser-slider-zoom"></div><div class="icon-large"></div></div>',
       );
     break;
   }
diff --git a/js/media.browser.js b/js/media.browser.js
index 8d4ac13..07b4c55 100644
--- a/js/media.browser.js
+++ b/js/media.browser.js
@@ -23,6 +23,7 @@ Drupal.behaviors.experimentalMediaBrowser = {
 
     $('.media-browser-tab').each( Drupal.media.browser.validateButtons );
 
+    Drupal.media.browser.createZoomSlider();
   }
   // Wait for additional params to be passed in.
 };
@@ -79,6 +80,18 @@ Drupal.media.browser.submit = function () {
   }
 }
 
+Drupal.media.browser.createZoomSlider = function () {
+  $("#media-browser-slider-zoom").slider({
+    min: 50,
+    max: 180,
+    step: 10,
+    value: 100,
+    slide: function(event, ui){
+      $(".media-list-thumbnails .media-item").css("width", ui.value);
+    }
+  });
+};
+
 Drupal.media.browser.selectMedia = function (selectedMedia) {
   Drupal.media.browser.selectedMedia = selectedMedia;
 };
diff --git a/media.module b/media.module
index 48e788f..2f86ba0 100644
--- a/media.module
+++ b/media.module
@@ -618,6 +618,7 @@ function media_library() {
       array('system', 'ui.tabs'),
       array('system', 'ui.draggable'),
       array('system', 'ui.dialog'),
+      array('system', 'ui.slider'),
     ),
   );