javascript - jQuery image map responsive only one way -

-

i have responsive image map overlay.

but resizes when make browser window smaller, when resize big browser window again, keeps smallest size have been down to. doing wrong?

when resized follows width of .page_content, responsive , works great on resizing. use imagemapster.

heres code:

jquery('#apartment-map').mapster(initial_opts)   .mapster('snapshot')   .mapster('rebind',basic_opts);    var resizetime = 0;    var resizedelay = 25;    function resize(maxwidth,maxheight) {      var image =  jquery('#apartment-map'),       imgwidth = image.width(),       imgheight = image.height(),       newwidth=0,       newheight=0;      if (imgwidth/maxwidth>imgheight/maxheight) {       newwidth = maxwidth;     } else {       newheight = maxheight;     }     image.mapster('resize',newwidth,newheight,resizetime);      }    function onwindowresize() {      var curwidth = jquery(".page_content").width(),       curheight = jquery(".page_content").height(),       checking=false;    if (checking) {         return;    }     checking = true;     window.settimeout(function() {       var newwidth = jquery(".page_content").width(),          newheight = jquery(".page_content").height();       if (newwidth === curwidth &&         newheight === curheight) {         resize(newwidth,newheight);        }       checking=false;     },resizedelay );   }    jquery(window).bind('resize',onwindowresize);   onwindowresize();   });

solved editing

if (imgwidth/maxwidth>imgheight/maxheight) {

to

if (imgwidth/maxwidth>imgheight/maxheight || imgwidth/maxwidth<imgheight/maxheight) {

Comments

Post a Comment

Popular posts from this blog

xml - Extract substrings with XSLT -

-
i doing xml-> tsv converion using xslt 2.0. data my xml file looks this: <?xml version="1.0" encoding="utf-8"?> <!doctype tei.2 system "lemmatizzazione.dtd"> <?xml-stylesheet type="text/xsl" href="dh.xsl"?> <root> <l> <lm lemma="me" catg="ss">i</lm> <lm lemma="would" catg="vv">would</lm> <lm lemma="like" catg="vv">like</lm> <lm lemma="to" catg="vv">to</lm> <lm lemma="to have" catg="vv">have,</lm> </l> <l> <lm lemma="this" catg="ad">this</lm> <lm lemma="bad" catg="e">in to</lm> <lm lemma="a" catg="e">a</lm> <lm lemma="ts" catg="ad">tsv</lm> <lm lemma="for...
Read more

java - Date formats difference between yyyy-MM-dd'T'HH:mm:ss and yyyy-MM-dd'T'HH:mm:ssXXX -

-
i trying parse date 2014-12-03t10:05:59.5646+08:00 using these 2 formats: yyyy-mm-dd't'hh:mm:ss yyyy-mm-dd't'hh:mm:ssxxx when parse using yyyy-mm-dd't'hh:mm:ss works fine, when parse yyyy-mm-dd't'hh:mm:ssxxx parseexception thrown. which correct format parse date , difference between these 2 formats? note : cannot use joda :( those valid formats: yyyy-mm-dd't'hh:mm:ss.sssz >>> e.g.: 2001-07-04t12:08:56.235-0700 yyyy-mm-dd't'hh:mm:ss.sssxxx >>> e.g.: 2001-07-04t12:08:56.235-07:00 edit: btw, "x" refer (iso 8601 time zone)
Read more

Fatal error: Call to undefined function menu_execute_active_handler() in drupal 7.9 -

-
i in problem, site down. fatal error: call undefined function menu_execute_active_handler() in drupal. please me. as function part of essential codebase, inside includes/menu.inc, please check integrity of source code of drupal. apart that, drupal 7.9 old, insecure release. if security updates not applied, site hacked. check page: https://www.drupal.org/drupalsa05faq if these not help, install xdebug php extension ( http://xdebug.org/ ) , check execution profile, xdebug can stacktrace-included errors, can lot.
Read more