html을 사용하여 웹 사이트의 기존 이미지로 이미지를 바꾸는 방법.

Question

내 웹 페이지에 5 개의 이미지가 있습니다. 4는 크기가 같고 하나는 다른 것보다 훨씬 큽니다. 큰 이미지를 바꾸려면 클릭 할 때 작은 이미지 중 하나를 바꾸고 크기를 조정하는 코드를 작성하고 작은 이미지의 크기에 맞추어 큰 이미지의 크기를 동시에 조정하는 방법에 대해 궁금합니다.

나는 onmouseover = "swagImage ('image')"를 사용하려고했지만 간단하게 이미지를 다른 것으로 대체합니다. 어떻게 스왑 포지션을 만들 수 있는지 궁금합니다.

Answer 1

이것은 찾고있는 것일 수도 있습니다. http://www.w3schools.com/js/js_htmldom_html.asp 이미지를 변경하는 방법을 보여줍니다. 이제 예제 스와핑 대신에 두 이미지의 src 값이 각 지점의 이미지를 변경해야합니다.

나는 독자의 연습 문제로 크기를 바꿀 것입니다. 그러나 너비와 높이의 적합성을 바꾸려면 제대로 작동해야합니다.