Changeset 27412 for extensions/modus/js/thumb.arrange.js

Timestamp:

Feb 19, 2014, 6:14:59 AM (10 years ago)

Author:

rvelices

Message:

modus js optims

File:

• extensions/modus/js/thumb.arrange.js (modified) (3 diffs)

extensions/modus/js/thumb.arrange.js

@@ -15 +15 @@
                 if (this.elements.length === 0)
                         this.firstThumbIndex = absIndex;
-                if (!$elt.data("w"))
-                {
-                        var w=$elt.width(), h=$elt.height();
+                var w,h;
+
+                if (! (w=$elt.data("w")) ) {
+                        if ( (w=$elt[0].getAttribute("width")) && (w=parseInt(w)) ) {
+                                h=parseInt($elt[0].getAttribute("height"));
+                        }
+                        else {
+                                w=$elt.width();
+                                h=$elt.height();
+                        }
                         if (h > this.rowHeight) {
                                 w = Math.round(w * this.rowHeight/h);
@@ -25 +32 @@
                                 .data("h", h);
                 }
+                else
+                        h=$elt.data("h");
+                
 
                 var eltObj = {
                         $elt: $elt,
-                        w: $elt.data("w"),
-                        h: $elt.data("h")
+                        w: w,
+                        h: h
                 };
                 this.elements.push(eltObj);
@@ -166 +176 @@
 
         reposition: function($img, imgW, imgH, liW, liH) {
-                $img.attr("width", imgW)
-                        .attr("height", imgH);
+                /* JQuery .attr and .css functions add too much overhead ...*/
+                var elt = $img[0];
+                elt.setAttribute("width", imgW+"");
+                elt.setAttribute("height", imgH+"");
 
-                $img.closest("li").css( {
-                        width: liW+"px",
-                        height: liH+"px"
-                });
+                elt = elt.parentNode;//a
+                elt.style.left = Math.round((liW-imgW)/2)+"px";
+                elt.style.top = Math.round((liH-imgH)/2)+"px";
 
-                $img.parent("a").css( {
-                        left: Math.round((liW-imgW)/2)+"px",
-                        top: Math.round((liH-imgH)/2)+"px"
-                });
+                elt = elt.parentNode;//li
+                elt.style.width = liW+"px";
+                elt.style.height = liH+"px";
+
         }