IMAGE
-
[JQuery] imageVScode/JQuery 2022. 9. 9. 15:01
*사용된 이미지 1. 이미지 위에 마우스 올리면 이미지 변경 2. prompt로 이용해 숫자를 입력받아 이미지 변경 3. 이미지 슬라이드 4. 이미지 슬라이드 중 이미지 위에 마우스를 올리면 이미지 멈춤 5. view 안에 이미지를 나열한 후 left를 이용해 슬라이드 제작 6. 버튼에 번호를 부여해 이미지 이동하기 -리모트 버튼을 css를 이용해서 아래쪽 가운데 위치 해 각 버튼들 가로방향으로 나란히 위치 시킴 -버튼을 클릭하면 해당이미지의 위치로 animate를 이용해서 imgs를 이동시킴 1234 5678 7. 좌우버튼 생성해 이미지 이동하기 8. 재생 버튼 생성해 이미지 자동 이동하기 -해당되는 이미지 순서 우측 위쪽에 만들기 -버튼 클릭하면 해당되는 버튼 색상 변경하기 1234 5678 ▶
-
[JavaScript] ImageVScode/JavaScript 2022. 9. 8. 17:54
getElementById -자바스크립트에서 바디 안의 id 셀렉터 값을 지목하는 방법 -document.getElementById("아이디값") onmouseover -해당 태그에 마우스 포인터가 올라가면 일어나는 이벤트 onmouseout -해당 태그에서 마우스 포인터가 밖으로 벗어나면 일어나는 이벤트 1. 마우스로 이미지 변환 2. 이미지 이름 입력받아서 이미지 변환 3. 마우스 클릭으로 지정된 범위까지 이미지 변환 4. 지정된 범위까지 자동으로 이미지 변환 5. clearInterval() -함수를 종료시키는 명령어 // 창을 실행시킬 때부터 start() 함수가 시작됨 // 이미지에 마우스를 올리면 변화하던 이미지가 멈춤 6. 마우스로 함수 2개를 실행/정지 번갈아 시키기 css style을 이..
-
[HTML] ImageVScode/HTML 2022. 9. 8. 13:24
img -이미지를 페이지에 표시하는 태그 -끝나는 태그가 없는 단일 태그이며 어떤 그림을 표시할지 추가적으로 src 속성을 통해 기술함 src -이미지의 경로와 파일 이름 길이 -width: 가로 길이, height: 세로 길이 -이 중 하나만 조정하면 나머지 크기는 비율에 맞춰서 자동조절됨 -동시에 길이 설정하면 비율이 틀어져 화면구현시 이미지가 이상해질 수 있음 인터넷에 게시된 이미지 URL 얻기 -가져올 이미지 위에 마우스를 놓고 오른쪽 버튼을 클릭해 속성창을 열거나 이미지 주소 복사 메뉴를 이용하면 확인할 수 있음 -다만 일부 그림들은 공개하지 않을 목적으로 URL을 분산하여 식별이 어렵거나 이미지 주소 복사를 못하게 함 → 자바스크립트 이용 alt 이미지의 URL이 맞지 않거나 해..