html에서
| background.jpg | menu image.jpg | background.jpg |
메뉴를 대충 이렇게 만들었습니다.
menu image.jpg를 클릭하였을때 이미지가 바뀌게 해놨는데요
좌우에있는 background.jpg 두개도 image.jpg를 클릭했을때 동시에 이미지를 바꾸게 하고싶습니다.
방법이있을까요?ㅠㅠ
방법은 여러가지가 있겠지만 처음에 이미지를 등장시킬때 보통 태그쓰고 이미지 url 넣는데요..
이때 img 태그에 요소명을 넣은후에 , 이미지 클릭시 뭐 Onclick 등의 이벤트 처리함수에서 요소 가져와서 설정해주고 하면되는데..
저도 코드로는 책을 또 봐야할것같아서.. 이렇게만 적네요..
정리하면 이미지클릭시 Onclick 등에서 이벤트 처리할수있음. js 는 동적으로 요소의 생성/추가/변경 등이 가능함. 그것을위해 요소를 가져오는 과정이필요함.
실례가안된다면 간단한소스로 자세하게 알려주셨으면 감사하겠습니다..
<html> <head> </head> <script language='javascript'> //고정된 id값으로 확인한 경우. function test1() { var id = document.getElementById("btn1"); id.src = "2.jpg"; } //id를 인자값으로 넘긴 경우. function test2( id ) { // var id = document.getElementById("btn2"); id.src = "1.jpg"; } </script> <body> <p><input id="btn1" type="image" src="1.jpg" onclick="test1()"></p> <p><input id="btn2" type="image" src="2.jpg" onclick="test2(this)"></p> </body> </html>
---------------------------------------------------------------------------- 젊음'은 모든것을 가능하게 만든다.
매일 1억명이 사용하는 프로그램을 함께 만들어보고 싶습니다. 정규 근로 시간을 지키는. 야근 없는 회사와 거래합니다.
각 분야별. 좋은 책'이나 사이트' 블로그' 링크 소개 받습니다. shintx@naver.com
텍스트 포맷에 대한 자세한 정보
<code>
<blockcode>
<apache>
<applescript>
<autoconf>
<awk>
<bash>
<c>
<cpp>
<css>
<diff>
<drupal5>
<drupal6>
<gdb>
<html>
<html5>
<java>
<javascript>
<ldif>
<lua>
<make>
<mysql>
<perl>
<perl6>
<php>
<pgsql>
<proftpd>
<python>
<reg>
<spec>
<ruby>
<foo>
[foo]
가능합니다.
방법은 여러가지가 있겠지만 처음에 이미지를 등장시킬때 보통![]()
태그쓰고 이미지 url 넣는데요..
이때 img 태그에 요소명을 넣은후에 , 이미지 클릭시 뭐 Onclick 등의 이벤트 처리함수에서 요소 가져와서 설정해주고 하면되는데..
저도 코드로는 책을 또 봐야할것같아서.. 이렇게만 적네요..
정리하면 이미지클릭시 Onclick 등에서 이벤트 처리할수있음. js 는 동적으로 요소의 생성/추가/변경 등이 가능함. 그것을위해 요소를 가져오는 과정이필요함.
죄송하지만
실례가안된다면 간단한소스로 자세하게 알려주셨으면 감사하겠습니다..
이런 방법을 사용해보세요.
<html> <head> </head> <script language='javascript'> //고정된 id값으로 확인한 경우. function test1() { var id = document.getElementById("btn1"); id.src = "2.jpg"; } //id를 인자값으로 넘긴 경우. function test2( id ) { // var id = document.getElementById("btn2"); id.src = "1.jpg"; } </script> <body> <p><input id="btn1" type="image" src="1.jpg" onclick="test1()"></p> <p><input id="btn2" type="image" src="2.jpg" onclick="test2(this)"></p> </body> </html>----------------------------------------------------------------------------
젊음'은 모든것을 가능하게 만든다.
매일 1억명이 사용하는 프로그램을 함께 만들어보고 싶습니다.
정규 근로 시간을 지키는. 야근 없는 회사와 거래합니다.
각 분야별. 좋은 책'이나 사이트' 블로그' 링크 소개 받습니다. shintx@naver.com
댓글 달기