From bb8fa3c4171d18c0ebe85920aefab09cc6e7f474 Mon Sep 17 00:00:00 2001 From: Chad Kieffer Date: Fri, 28 Nov 2008 22:02:46 +0000 Subject: Dynamically reset the dimensions of resized photos to fit if they're too wide. --- themes/default/jquery/jquery.ui.init.js | 27 +++++++++++++++++---------- 1 file changed, 17 insertions(+), 10 deletions(-) (limited to 'themes/default/jquery/jquery.ui.init.js') diff --git a/themes/default/jquery/jquery.ui.init.js b/themes/default/jquery/jquery.ui.init.js index e9da2203..5c159137 100644 --- a/themes/default/jquery/jquery.ui.init.js +++ b/themes/default/jquery/jquery.ui.init.js @@ -1,18 +1,25 @@ /** - * Apply jQuery UI components + * Initialize UI elements * * @todo Write helpers to grab all jQuery UI components by class and initialize */ -$(function(){ +$("document").ready(function() { - //accordion - $('#gSettingsGroup-1').accordion({ - header: ".ui-accordion-header", - clearStyle: true - }); - - //tabs - $('#gSettings ul').tabs(); + /** + * Reset width of sized photos wider than their + * parent container so that they fit + */ + if ($("#gItem").innerWidth()) { + var containerWidth = $("#gItem").innerWidth(); + var oPhoto = $("#gItem img").filter(function() { + return this.id.match(/gPhotoID-/); + }) + if (containerWidth < oPhoto.width()) { + var proportion = containerWidth / oPhoto.width(); + oPhoto.width(containerWidth); + oPhoto.height(proportion * oPhoto.height()); + } + } }); -- cgit v1.2.3