이미지 (Image tag)
이미지 또는 사진 등과 관련된 img 태그를 활용하는 자바스크립트 소스
[61] 이미지에 마우스 올리면 연한 이미지가 진해지는거.. [Preview]
전에 제가 올린것두 있는데..
그건 연한 이미지가 그냥 진해지는거 밖에
없지만 이건 다시 연해지고 진해지고를
반복하는 자습니다.
[62] 이미지가 많아서 로딩할때 시간이 많이 걸리나요? [Preview]
이미지가 많아서 로딩할때 시간이 많이 걸리나요?
그럼 이 소스를 쓰세요
로딩을 하는동안 사용자가 심심하지 않게 메세지를 내보냅니다
[63] 페이지 변경없이 이미지만 바꾸는법 [Preview]
HTM 페이지를 다시 부르지 않고 이미지만 바꾸고 싶은 경우
images 아브젝트(object)를 사용하면 됩니다.

여기 예제는 5개의 이미지를 순서대로 html 페이지 갱신없이
바꿀수 있는 자바스크립트 코드입니다.

물론 제일 처음인지 그리고 마지막인지에 대해서 체크하는
루틴을 삽입하여야 합니다.

[64] 페이지 바뀌지 않고 새창에서 계속적으로 이미지만 바꾸는 예제 [Preview]
소스를 실행하면 자동으로 새창이 열립니다.
그리고 메인창에서 버튼을 클릭하면 열려진 새창에서 이미지가 바뀝니다.

뒤로가기는 응용하시면 됩니다.

[65] 우주에 있는 느낌이 나게 하는 소스 [Preview]
이미지 사용 없이 우주에 있는것처럼 느끼게 해주는 소스입니다.
[66] 이미지 크기를 윈도우/테이블 크기에 맞게 보여주기 [Preview]
아래의 스타일을 사용하면 이미지가 윈도우/테이블 크기에 맞게
보여줍니다.
[67] 배경이 일부분만 왼쪽이나 위쪽에 나타나게 하는 스타일 [Preview]
배경이 브라우저 왼쪽이나 위쪽에 일부분만
나타나게 하는 소스입니다.
[68] 움직이는 배경 그림 [Preview]
보통의 이미지에 배경그림이 움직입니다.

움직이는 GIF가 아닙니다.

이미지 크기가 커서 로딩시에 시간이 좀 걸립니다.
[69] 이미지를 사용하지 않고 눈 내리기 [Preview]
이미지를 사용한듯 하면서 사실은 이미지를 사용하지 않은 눈 내리는 스크립트 입니다
[70] 이미지가 무작위로 올라가는 배경 만들기 [Preview]
별이 올라가는듯한 배경 화면을 만들어 줍니다.
[71] 눈이 내리듯 떨어지는 이미지 [Preview]
눈이 내리는것 처럼 이미지들이 떨어집니다
[72] 마우스로 그림 움직이기 [Preview]
마우스를 이용해서 정해진 이미지를 마음대로 움직일수
자바 스크립트 예제 입니다
[73] 스크롤바를 따라 움직이는 이미지 [Preview]
스크롤바를 아래로 움직이면 이미지도 따라서 같이 움직이는 예제 입니다
자바 스크립트 코딩 첫줄의 var staticlogo=new Image(159,42)을
본인이 의 이미지에 맞는 치수값으로만 바꿔주시면 됩니다
[74] 뒷배경에서 통통 튀기는 이미지 [Preview]
배경으로 사용하면 재미있을거 같네요
[75] 이미지를 롤오버를 함수 하나로 처리하는 예제입니다. [Preview]
이미지 롤오버를 이해하기 쉬운 예제입니다.
택에서 이름과 이미지이름을 전해주므로써 함수 하나로 처리하는 예제입니다.
[76] 사진 설명으로 정말 좋은 자스 [Preview]
사진에 대한 설명으로 정말 좋은 자스입니다.
예제 보시면 +랑 -가 있습니다.
그건 위에 흐르느느 텍스트의 속력을 조절할 수 있습니다.
암튼 유용하게 사용하세요..
[77] 지도 설명으도 좋은 Map Zoomer [Preview]
맵 설명할때 정말 좋은 자스입니다.
이름이 좀 거창하군요..
이름은 Map Zoomer.. ^^;;
암튼 유용한 자스입니다.
단점이라면 이미지를 불러오는 시간이 넘 길어요.. ^^;;
(예제는 이미지 크기가 좀 커서.. ^^;;)
[78] 이미지에 필터를 이용한것들 [Preview]
이미지에 필터효과를 넣은겁니다.
[79] 새창의 크기가 나올 이미지 크기에 맞춰서 나오는 예제 [Preview]
새창의 크기에 맞춰서 나오는 팝업창 입니다..
[80] 이미지 버튼-input tag에서 이미지 타입 사용하기 [Preview]
input 택에서 type을 이미지로 지정한 경우에 사용하는 버튼 예제입니다.
리턴하는 값에 따라 화면을 갱신하거나 하지 않게 할 수 있습니다.

    [1] [2] [3] [4] [5]    
Javascript Source List :