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'), ), );