画像のサイズを予め設定したメニューボタンで変更
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!-- HTML 表記 --> <form > <select id="scale" onChange="selValue()"> <option value="99" selected>スケール選択</option> <option value="0.5">50%</option> <option value="0.75">75%</option> <option value="1">100%</option> <option value="1.25">125%</option> <option value="1.5">150%</option> </select> </form> <img src="画像のURL" id="img1" style="width:65%; height:auto; display: block; margin-left: auto; margin-right: auto;"> |
|
1 2 3 4 5 6 7 8 9 10 11 |
// JavaScript 表記 <script type="text/javascript"> <!-- function selValue(){ var x = document.getElementById("scale").value; if(x==99){x=1;} document.getElementById("img1").style.width = 200 * x; document.getElementById("img1").style.height = 100 * x; } //--> </script> |