diff --git a/css/media.css b/css/media.css
index 639354a..7942c5b 100644
--- a/css/media.css
+++ b/css/media.css
@@ -262,6 +262,11 @@ div#media-browser .throbber {
border-top: 1px solid #aaa;
}
+#media-browser-slider-zoom{
+ width: 200px;
+ margin-left: 10px;
+}
+
.fake-ok {
margin-right: 5px;
}
diff --git a/includes/media.browser.inc b/includes/media.browser.inc
index c337876..a85ea10 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' => '
',
+ '#markup' => '',
);
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'),
),
);