例: qrcode小圖 87x87, 大圖 330x330
小圖:
<img id="qrcode_small" name="qrcode_small" src="/var/file/6/1006/img/6/im_chu_edu_tw_qrcode_small.jpg" alt="im.chu.edu.tw" height="87" width="87"/>
使用 DIV 控制大圖(先 display:none)
<!-- qrcode 控制 -->
<div id="qrcode_large" name="qrcode_large" style="display:none; alignment-adjust:middle">
<img id="qrcode_small" name="qrcode_small" src="/var/file/6/1006/img/6/im_chu_edu_tw_qrcode_large.jpg" alt="im.chu.edu.tw" width="330" height="330">
</div>
<script>
$(document).ready(function(){
$("#qrcode_small").click(function(){
$("#qrcode_large").show();
});
$("#qrcode_large").click(function(){
$("#qrcode_large").hide();
});
});
</script>
<style>
#qrcode_large {
position: absolute;
width: 350px;
height: 350px;
z-index: 15;
top: 50%;
left: 50%;
margin: -100px 0 0 -150px;
background: grey;
</style>
<!-- qrcode 控制結束 -->