이미지 (Image tag)
이미지 또는 사진 등과 관련된 img 태그를 활용하는 자바스크립트 소스
[41] 이미지 체인저 소스 [Preview]
이미지 체인저 소스입니다.

이 소스가 있는줄 알았는데

없더군요.. ^^
[42] 이미지가 없으면 경고 메세지 띄우는 소스 [Preview]
해당되는 경로에 이미지가 없거나 불러오지 못하면
경고 메세지를 띄우는 소스 입니다.
그러나 이미지가 있어버 잘 불러오면 아무런 경로 메세지는 뜨지
않죠.. ^^

여러군데 사용할데가 있을거 같네요..
[43] 더블 클릭으로 프린트 이미지 나타내기 [Preview]
페이지 아무데서나 더블클릭 하시면 프린트를
하는 이미지가 나타납니다.

또 다시 더블 클릭 하시면 이미지가 사라집니다.
[44] 이미지 뷰어로 좋은 자스 [Preview]
이미지 뷰어로 좋은 자스입니다.
버튼으로 이미지를 고를수도 있구요
또 이미지를 크게 보실수 있습니다.

이 소스 잘만 응용하면 좋은 소스가 될거 같네요..

[45] 이미지가 서서히 좁아지는 효과 [Preview]
이미지가 서서히 접어지는 효과
[46] 이미지가 돌아가는 효과 [Preview]
이미지가 돌아가는 효과를 나타낸 자스입니다.
[47] 부분적으로 이미지를 보여주는 자스 [Preview]
아무스로 작은 사각형을 옮기면 그 이미지가 나타납니다
[48] 꽃이 피는 효과를 나타낸 자스 [Preview]
꼭치 피는 효과를 나타낸 자스입니다.
[49] 링크에 나타나는 이미지 [Preview]
하이퍼 링크에 마우스를 올리면 배경그림으로
눈(eye)이 나옵니다.

소스는 정말 간단합니다.
[50] 간단한 슬라이드쇼 스크립트 + 상태바에 링크주소 나타내기 [Preview]
간단한 슬라이드 쇼를 하면서 각각의 이미지에 걸려있는 링크의 주소를 나타내어 줍니다
[51] 간단한 슬라이드쇼 스크립트 [Preview]
이번에는 슬라이드 쇼 입니다

각각 이미지에 링크도 가능한 스크립트 입니다
[52] 간단한 슬라이드 + 설명나오는 자스 [Preview]
슬라이드 쇼 뿐만이 아니라

각각 사진에 맞게 설명을 하는 자스 입니다

[53] 간단한 슬라이드 스크립트 [Preview]
아주 간단한 슬라이드 쇼 스크립트 입니다

[54] 쓸만한 이미지 체인저 [Preview]
이미지 체인저로 쓸만한 자스입니다.

각 이미지마다 링크가 걸립니다.
[55] 이미지 갤러리로 쓸만한 자스 [Preview]
이미지 갤러리로 쓸만한 자스 입니다.

작은 이미지를 클릭하면 큰 이미지가 뜨는 형식으로
조금만 응용하면 정말 좋을거 같네요..
(응용하다가 피봤음.. -_-)

그럼..
[56] 또다른 이미지 설명으로 좋은 자스 [Preview]
또다른 이미지 설명으로 좋은 자스입니다.
전에 올린거랑 많이 다르죠..
사용자가 잘만 꾸미면 정말 좋은 자스가 됩니다.
[57] 클릭할때마다 랜덤으로 바뀌는 자스 [Preview]
이미지에 클릭하면 이미지가 랜덤으로 바뀝니다.

[58] 접속할때 마다 다른 이미지 보여주기 [Preview]
링크는 하나만 가능합니다.

이미지 이름은 1.jpg, 2.jpg 등 이런식으로 하세요.

*4+.5)+".jpg"; 총 사용할 이미지개수는 4개입니다. 그 뒤 5는 +1 하는거구요

gif 로 하실려면 jpg을 gif로 바꾸세요.

name 을 image_img 로 해주세요

이미지 이름에는 반드시 숫자가 들어가야 합니다

위의 이름이 맘에 드시지 않으시면

"+Math.round 부분 앞에

"happy+Math.round 이런식으로 넣어줍니다

그러면 happy1.jpg happy2.jpg 이런식으로 그림을 인식하게 됩니다

[59] 진짜 같은 물방울 효과 - 중력작용을 받은것 처럼 휭~! [Preview]
눈 내리는 건 많이 보셨죠?

그거랑 비슷하다고 할 수 있지만

훨 멋있고 세련된 겁니다.

마치 중력의 작용을 받는것처럼 떨어지다 휭~ 날라갑니다
[60] 여러개의 이미지를 좌우로 슬라이딩 시키는 예제 [Preview]
여러개의 이미리를 좌우로 슬라이딩 시키는 소스입니다.
    [1] [2] [3] [4] [5]    
Javascript Source List :