I'm trying to scale some images that are imported into the page. I'm setting up a dummy test image to get the orig. width, but the width is coming up undefined.  Strange since I'm reading in src for the image.

I tried setting up a closure function & even using window.variable, but nothing works.

You can see a demo here:   http://www.partiproductions.com/searchertest2/index.html

Can someone please help me with this code.

2.   function scaImage() {
3.     $(function() {
4.       var oiwd;
5.       $('div[class^="searcher_stack-its_img"] img').each(function() {
6.         var testi = new Image();
7.         testi.src = $(this).attr("src");
8.         $(testi).css({'visibility': 'hidden'});
9.         $(testi).appendTo('body');
10.         var isco = $(this).data("simgsc");
11.         console.log('Orig Scale: ' + isco);
12.         console.log('Image: ' + testi.src);
13.         $(testi).on("load", function() {
14.           oiwd = testi.width;
15.           window.searcheriowd = oiwd;
16.           console.log('Orig Wd: ' + oiwd);  // undefined
17.         });
18.         testi.remove();
19.         oiwd = window.searcheriowd;
20.         console.log('Orig Wd: ' + oiwd);
21.         if (oiwd != 0 && testi.src != '') {
22.           console.log('Src Check: ' + testi.src);
23.           console.log('Scale Factor: ' + isco);
24.           var scwd = Math.round(parseInt(oiwd) * parseInt(isco) / 100);
25.           console.log('Scaled Wd: ' + scwd);
26.           $(this).css({'width': scwd + 'px'});
27.         }
28.       });
29.     });
30.   }

Thanks,  Bill