Line 633: | Line 633: | ||
<div id="captionh"></div> | <div id="captionh"></div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | <map name="imagemap_sponsors" id="imagemapbanner"> | ||
+ | <area href="http://www.kivi.nl/" shape="rect" coords="41,30,516,315" style="outline:none;" target="_blank" /> | ||
+ | <area href="https://www.gatc-biotech.com/en/index.html" shape="rect" coords="34,464,517,716" style="outline:none;" target="_blank" /> | ||
+ | <area href="https://www.baseclear.com/" shape="rect" coords="30,334,535,469" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rivm.nl/" shape="rect" coords="583,32,1251,343" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rug.nl/about-us/support-the-university/groninger-university-fund/" shape="rect" coords="585,370,1436,429" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.corbion.com/" shape="rect" coords="557,469,913,693" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.dsm.com/" shape="rect" coords="927,454,1441,722" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://ubboemmiusfonds.nl/" shape="rect" coords="1274,28,1438,358" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rug.nl/sciencelinx/" shape="rect" coords="1556,18,1903,204" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rug.nl/research/gbb/" shape="rect" coords="1491,234,1881,420" style="outline:none;" target="_blank" /> | ||
+ | <area href="https://www.arla.com/" shape="rect" coords="1476,419,1896,711" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rug.nl/research/enteg/" shape="rect" coords="1973,230,2327,384" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.backerfoundation.nl/" shape="rect" coords="1974,22,2328,226" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.qiagen.com/" shape="rect" coords="1959,423,2313,733" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.be-basic.org/" shape="rect" coords="2382,373,2736,729" style="outline:none;" target="_blank" /> | ||
+ | <area href="https://www.eppendorf.com/" shape="rect" coords="2753,416,3334,550" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rug.nl/research/gbb/maxgruber/information/the-max-gruber-foundation" shape="rect" coords="2755,551,3336,709" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rug.nl/research/stratingh/" shape="rect" coords="3348,407,3776,687" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rug.nl/" shape="rect" coords="2455,32,2966,192" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rug.nl/fse/" shape="rect" coords="2985,47,3423,178" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rug.nl/research/jbi/" shape="rect" coords="2461,231,3062,360" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rug.nl/research/alice/" shape="rect" coords="3063,232,3528,358" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://www.rug.nl/research/zernike/" shape="rect" coords="3385,60,3790,182" style="outline:none;" target="_blank" /> | ||
+ | <area href="http://cgmartini.nl/index.php" shape="rect" coords="3530,222,3830,348" style="outline:none;" target="_blank" /> | ||
+ | </map> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | var origWidth = 3850; | ||
+ | var origHeight = 770; | ||
+ | |||
+ | var banner = $('#bannerimg'); | ||
+ | var map = $('map[name^="imagemap_sponsors"]'); | ||
+ | |||
+ | var newWidth = banner.innerWidth(); | ||
+ | var newHeight = banner.innerHeight(); | ||
+ | |||
+ | var dx = newWidth / origWidth; | ||
+ | var dy = newHeight / origHeight; | ||
+ | |||
+ | map.find('area').each(function() { | ||
+ | var coords = $(this).attr('coords').split(','); | ||
+ | coords[0] = parseFloat(coords[0]) * dx; | ||
+ | coords[1] = parseFloat(coords[1]) * dy; | ||
+ | coords[2] = parseFloat(coords[2]) * dx; | ||
+ | coords[3] = parseFloat(coords[3]) * dy; | ||
+ | $(this).attr('coords', coords.join(',')); | ||
+ | }); | ||
+ | }); | ||
+ | </script> |
Revision as of 23:31, 25 October 2017