This is an old revision of the document!
HTML CSS Javascript
Image resize - area map
https://github.com/stowball/jQuery-rwdImageMaps
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js"></script> <img src="https://go.pardot.com/l/552572/2019-03-27/32l8vw/552572/111582/1903_cafe24________________1_01_______.jpg" width=3750 height=1080 border="0", alt="" usemap="#Map"> <map name="Map"> <area shape="rect" coords="391,79,1864,415" href="https://go.pardot.com/l/552572/2019-03-27/32krky" target="_blank"> <area shape="rect" coords="1933,79,3405,415" href="tel:1661-0004"> </map> <script> $(document).ready(function(e) { $('img[usemap]').rwdImageMaps(); }); </script>
Page onload
- window.onload = onPageLoad(); function onPageLoad(ids) {}
- $(window).load(function(){ }); : 더 나중에 실행됨
Click to popup layer
Table x-y scroll
<table id=maintable style=“height:550px;overflow-x: scroll;display:block;”>
Jquery on Internet Explorer, IE
- ActiveX 인식 못할 때 : head에 추가
<meta http-equiv=“X-UA-Compatible” content=“IE=edge”>
- for each 보다 index 이용이 더 빠름 (Table Rendering이 느림..)
Discussion