Trash (drag me back)

diff --git a/demos/real-world/photo-manager/js/demo.js b/demos/real-world/photo-manager/js/demo.js index fac91ca1c..9abc039bb 100644 --- a/demos/real-world/photo-manager/js/demo.js +++ b/demos/real-world/photo-manager/js/demo.js @@ -117,6 +117,26 @@ $(window).bind('load', function() { .displayBox(); return false; }); + + + var sliderChange = function(e, ui){ + $('.img_content').each(function(index, item){ + var _new = 1.44 * $('#sliderSize').slider("value"); + + $(this).css("width", _new+'px') + .parent().css("width", (_new+16)+'px'); + + }); + } + $('#sliderSize').slider({ + startValue : 100, + min : 50, + max : 100, + stepping : 5, + slide : sliderChange, + change : sliderChange + }); + }); function createGalleryItem(img) { diff --git a/demos/real-world/photo-manager/theme/css/screen.css b/demos/real-world/photo-manager/theme/css/screen.css index 3866beb8e..3a51f70e1 100644 --- a/demos/real-world/photo-manager/theme/css/screen.css +++ b/demos/real-world/photo-manager/theme/css/screen.css @@ -116,12 +116,12 @@ h1 { ---------------- =SIDEBAR ---------------- */ -.box { +.box, .box2 { margin: 18px; border: 1px solid #ccc; background: #fff; } -.box h2 { +.box h2, .box2 h2 { padding: 0 8px; margin: 0; font-size: 1.5em; -- cgit v1.2.3

Resize images

Trash (drag me back)