DHTML 이미지 처리 Go to UP

CSS로 이미지 바꿈효과 내기
CSS로만 이미지 바꿈효과 내기
CSS로 이미지 효과내기
CSS로 이미지 필터효과
레이어 배경 이미지



NN3이나 IE3.02에서의 이미지 바꾸기에서 이미지를 사용하였는데, 이들을 이미지를 적게 사용하거나 아예 이미지 없이 이미지 바꾸기 같은 효과를 낼수 있습니다. 그리고 품질은 이미지에 미치지 못하지만 CSS를 지정하여 글자들로 이미지를 만들수 있습니다. 당연히 속도가 빨라 집니다.

image에서 style

IE4는 다른 택처럼 사용할 수 있다.

NN4는 style을 사용할 수 없다. layer나 다른 블록 택으로 Image를 안에 넣고 visibility나 위치를 지정해야 한다.

Image onLoad

NN4에서 layer가 Image를 가지고 있을 때, layer의 onLoad 이벤트 헨들러는 Image를 다 출력하지 않고 문자만 출력하고 onLoad 를 다 수행 했다고 지정할 수 있다. 따라서, layer의 onLoad를 사용하여 어떤 작업을 지정시 잘못될 수 있다. 이 때는 image의 onLoad를 사용해야 한다.

Animation GIF 경우 onLoad 를 지정할 시, 계속 지정한 헨들러를 실행하는 BUG가 있어서 layer가 Animation GIF를 가진 경우 출력을 확인할 수 있는 방법은 BODY 택의 onLoad를 사용하는 수 밖에 없다.

위의 방법으로 Image를 가지고 있는 Layer를 초기에는 visibility를 "hidden"으로 했다가 Image가 다 출력되고 난 다음 visibility를 "visible"로 하여 꼭 이미지가 필요한 layer에서 사용자의 동작으로 잘못된 동작을 예방할 수 있다.

Image를 PreLoad할 때 프레임이 필요 하지만 layer를 hidden으로 하여 Image를 미리 CACHE에 가져올 수 있다. layer onLoad는 <LAYER> 택만 지원하고 position element는 지원하지 않는다.

SUPPRESS는 NN4에서 지원하는 이미지 attribute이다. 기본 값은 false이다 TRUE를 지정하면 이미지 출력시 이미지의 위치에 이미지 크기의 빈 사각형을 보여주지 않는다. 사용자가 이미지 출력을 꺼 놓으면 보인다.

TOP