럭키베이비 스토리

쓸만한 이미지들을 저작권 걱정없이 마음대로 가져다 쓸 수 있는 사이트입니다. All The Free Stock 사진 뿐만아니라 효과음 비디오 폰트까지 제공해주는 수십개의 이미지사이트 허브입니다. Stock up 키워드 검색 제공 Pixabay 벡터방식 이미지 제공 Picjumbo 작품성 있는 멋진 사진들 기타 Public domain archive Unsplash : 작품사진 Super Famous Splitshire Pixels Magdeleine Designers Pics Gratisography Foodies feed : 음식사진 New old stock : 접속 안되넹.. http://www.ddanzi.com/free/187665026

간단한 설명을 드리면 이미지가 너무커서 화면이 일그러지는것을 막고자 보통은 너비를 고정시키거나 높이를 고정시키는 방법을 사용하죠..(섬네일을 생성해서 이미지자체를 작게 생성하는 경우도 있긴 하나 html만으로 해결이 불가함으로 패스) 아래 소스는 새로 도는 가로 사이즈를 모두 비교하여 정해진 사이즈로 조정해주는 기능을 합니다. //사용법

보통 onerror 속성을 이용하여 대체 이미지를 보여주도록 처리하지만 대체 이미지가 삭제되거나 로딩되지 않을 경우 onerror 이벤트가 계속 발생하여 무한루프가 발생 ㅡㅡ; 이에 대한 대처방안으로 아래와 같은 방식으로 스크립트를 사용합니다. 1. 아래 로직은 일단 특정 이미지 로딩시 에러가 발생할 경우 imageErrChk() 평션을 호출하여 대체 이미지를 해당 이미지 태그의 src 로 변경처리합니다. 2. 대체 이미지가 정상적으로 로딩이 되었다면 더이상 imageErrChk() 펑션을 호출하지 않지만 만약 대체 이미지 도 오류가 발생할 경우 다시 imageErrChk() 펑션을 호출 3. 2번 대체이미지 오류의 경우 해당 이미지 오브젝트의 src가 "/img/common/img_ready3.gif"..