Changeset 16754 for extensions/LLGBO2/js/jquery_llgboframeresize.js

Timestamp:

Jul 15, 2012, 7:44:26 PM (12 years ago)

Author:

gbo

Message:

2.4F improve frame management first size and JS resize

File:

• extensions/LLGBO2/js/jquery_llgboframeresize.js (modified) (1 diff)

extensions/LLGBO2/js/jquery_llgboframeresize.js

@@ -1 +1 @@
 // LLGBO frame resize 
 jQuery(document).ready(function(jQuery){ 
-        jQuery("#theMainImage").load(function(){LlgboFr_Resize();});    
-        jQuery(window).resize(function(){ LlgboFr_Resize(); });
+         jQuery("#theMainImage").load(function(){LlgboFr_Resize();});   
+        jQuery(window).resize(function(){ LlgboFr_Resize(); }); 
 });
 var LlgboFr_Resize = function () {
-        var MainImg = jQuery("img#theMainImage").get(0);        
-        var nFrH = parseInt(MainImg.height);
-        var nFrW = parseInt(MainImg.width);
-        var FrLstBdr = 0, i = 0;
-        var elGbo = jQuery("div#llgbo");
-        if  (elGbo.get(0)) { 
-                for ( i=1; i<32; i=i+2 )
-                        {var Fr = jQuery("div#llgboframe"+(i));
-                         var frbdr = 0;
-                         if (Fr.get(0)) {
-                                frbdr = parseInt(Fr.css('border-left-width'));
-                                nFrH = nFrH + FrLstBdr ;
-                                nFrW = nFrW + FrLstBdr ;
-                                Fr.css("height", (nFrH) + "px");
-                                Fr.css("width", (nFrW) + "px");}
-                                FrLstBdr = (frbdr * 2); 
-                        }
-                        elGbo.css("width", (nFrW + FrLstBdr) + "px");
-                        elGbo.css("height", (nFrH + FrLstBdr) + "px");
+        var elGbo = document.getElementById("llgbo0");
+         if  (elGbo) { 
+            var MainImg = document.getElementById("theMainImage"); 
+                var nFrH = parseInt(MainImg.height); 
+                var nFrW = parseInt(MainImg.width);
+                var ReadImgSize = document.getElementById("LLGBO_READIMGREELSIZE");
+                 if (ReadImgSize) {
+                 // Must read via URL the physical size of the img
+                         var x = document.createElement('img'); 
+                         x.id = 'NewImgx';
+                         document.getElementsByTagName('body')[0].appendChild(x);
+                         x.style.top = '0';
+                         x.style.visibility = 'hidden';
+                         x.src =  MainImg.src;
+                         nFrH = parseInt(x.height); 
+                         nFrW = parseInt(x.width);
+                        document.getElementsByTagName('body')[0].removeChild(x);
                 }
+        
+                var FrLstBdr = 0, i = 0;
+                        for ( i=1; i<32; i=i+2 )
+                                {var Fr = document.getElementById("llgboframe"+(i));
+                                 var frbdr = 0;
+                                 if (Fr) {
+                                        frbdr = parseInt(Fr.style.borderWidth);
+                                        nFrH = nFrH + FrLstBdr ;
+                                        nFrW = nFrW + FrLstBdr ;
+                                        Fr.style.height = nFrH + "px";
+                                        Fr.style.width = nFrW + "px";}
+                                        FrLstBdr = (frbdr * 2);  
+                                }
+                                elGbo.style.width = (nFrW + FrLstBdr) + "px";
+                                elGbo.style.height =(nFrH + FrLstBdr) + "px";
+                }               
 }