代碼音畫：《中國山水畫》----鼠標滑過放大圖片

紅楓

紅楓

下面的可能是最簡的圖片放大代碼了：



  <img src="https://z3.ax1x.com/2021/08/04/fA0Iv6.gif" id="img_1"  onmouseover= "letBig(this)"  onmouseout= "letsmall(this)" style="width:100px;height:100px;margin-top:50px  ;margin-left:300px;" />

<script>

function letBig(obj){obj.style.width =parseInt( obj.style.width) *5 ;obj.style.height =parseInt( obj.style.height)*5;}

function letsmall(obj){obj.style.width =parseInt( obj.style.width) /5;obj.style.height =parseInt( obj.style.height)/5;}

</script>

195400

太寬了， 左邊看不到。

195400

紅楓 發表于 2021-8-27 15:13
下面的可能是最簡的圖片放大代碼了：

另一思路，是不是簡單沒驗證。

小圖片的mouseover事件，取圖片src替換大圖的圖片。

紅楓

195400 發表于 2021-8-27 16:20
太寬了， 左邊看不到。

可能適應我自己的顯示器；您將瀏覽器縮小倍率看看。

謝謝你的反饋，謝謝您的欣賞！！

修改好了！

雄鷹翱翔

欣賞老師精美音畫佳作，贊一個！

195400

195400

紅楓 發表于 2021-8-27 16:31
可能適應我自己的顯示器；您將瀏覽器縮小倍率看看。

謝謝你的反饋，謝謝您的欣賞��！

現在可以看全了。
前四幅圖片似乎沒反應啊。

紅楓

195400 發表于 2021-8-27 18:12
現在可以看全了。
前四幅圖片似乎沒反應啊。

您的代碼更簡潔些，謝謝指導！

寒冬殘荷

紅楓 發表于 2021-8-27 15:13
下面的可能是最簡的圖片放大代碼了：

JS對退休前沒有接觸過網頁知識的我這個老年人來說是望而生畏！你們年輕人或退休前接觸過網頁知識的老年人才看得懂。