jQuery innerWidth in Chrome with invisible elements -


i having odd problem jquery 1.5.2 in chrome.

i have code looks following

$("img").each(function () {     if (this.complete) {         imageonload.call(this);     } else {         $(this).bind("load", imageonload);     } });  function imageonload () {   var $this = $(this);    foo($this);  }  function foo ($img) {   var width = $img.innerwidth();   var height = $img.innerheight(); }

keel in mind simplified question.

the above works great in cases. problem when $img(":visible") == false, chrome returning 0 innerwidth , innerheight. need take padding account, hence inner functions.

what best way go handling situation? using

function foo ($img) {     var width;     var height;      if ($img.is(":visible")) {         width = $img.innerwidth();         height = $img.innerheight();     } else {         var img = $img[0];         var pt = parseint(img.style.paddingtop);         var pb = parseint(img.style.paddingbottom);         var pl = parseint(img.style.paddingleft);         var pr = parseint(img.style.paddingright);          width = img.width + pl + pr;         height = img.height + pt + pb;     } }

but know rife problems. can't quite unravel how jquery calculates individual padding, suspect adapting improve else section of hack.

is there better solution or workaround getting innerwidth , innerheight when $img(":visible") == false?

thanks.

addendum:

as noted in comment below, solution not simple making image visible, calculating, , hiding. if in parent chain not visible, problem happens. in addition, few things can trigger problem.

height , width calculate 0 in both chrome , firefox when image or descendent has display:none. chrome, apparently not firefox, when image masked off because descendent has overflow:hidden. going try see how works in safari later weekend.

what setting image visible, take width/height , make image invisible again? user shouldn't see appear/disappear, unless image 15mb shitload :).


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more