Resize question for gallery

Question

I need to run a slide show in "kiosk" mode where the image
takes up as much of the screen as possible. The screen will be set
to 1024 x 768, so basically I need to make sure the images either
show at 100% because they fit, or reduced to about 85% because I
know some of them are too big for kiosk mode.
We are hoping to avoid having to create a sub-library of
images that are resized down to 85%.
Yes, I know resizing in the browser will cause degredation,
but the max size of each image was decided on before we dreamed up
the kiosk mode. So, new images going forward will be resized to the
right size, but we can't resize the existing ones.
QUESTION: Can Spry handle the task of resizing an image to a
max height? Or can it only spit out what I put in?

Answer 1

Hi dbonneville,
If your XML has the image widths and heights embedded in it,
you can use an onPostLoad observer on the data set to run through
each row of the data set to constrain the image width/heights to
the proper dimensions.
Something like this:
var dsPhotos = new Spry.XMLDataSet("photos.xml",
"/gallery/photos/photo");
dsPhotos.addObserver(ConstrainPhotoDimensions);
function ConstrainPhotoDimensions(notificationType, notifier,
data)
if (notificationType != "onPostLoad")
return;
var maxWidth = 200; // Change this to whatever you want.
var maxHeight = 200; // Change this to whatever you want.
var rows = dsPhotos.getData(true);
var numRows = rows.length;
for (var i = 0; i < numRows; i++)
var row = rows[ i ];
var w = parseInt(row[ "@width" ]);
var h = parseInt(row[ "@height" ]);
var ratio = (w > h) ? ((w <= maxWidth) ? 1 :
maxWidth/w) : ((h <= maxHeight) ? 1 : maxHeight/h);
row[ "@width" ] = w*ratio;
row[ "@height" ] = h*ratio;
--== Kin ==--
P.S.
I just typed that in real-time, so I haven't actually tested
it in a real browser.