http://photo.163.com/shixiaojian089/train/28002 이것은 Netease의 사진 앨범입니다. 나는 그것을 본 후 시도하고 싶다.
제작 방법에서는 각 사진의 너비를 가져와야하므로 자연스럽게 JQ의 너비 () 메소드를 사용했습니다. FF와 IE에서 실행하는 데 큰 문제는 없지만 Chrome과 관련하여 문제가 있습니다.
Alert를 사용하여 문제를 해결하고 Chrome의 너비 방법으로 얻은 값이 0임을 발견했습니다.이 경우 스크립트가 여기에서 실행될 때 이미지가 전혀로드되지 않았다고 생각합니다. 문제는 $ (function () {})과 관련이 있어야합니다. 이 방법은 로딩 후 DOM을 실행해야하기 때문입니다. 그런 다음 Onload에서 실행하도록 변경하면 괜찮습니다. 그러나 이것은 분명히 좋은 해결책이 아닙니다. 결국, 스크립트를 실행하기 전에 전체 파일의 모든 내용이로드 될 때까지 기다려야합니다.
온라인으로 검색 한 후, 나는이 사람 //www.vevb.com/article/50402.htm도 같은 문제에 직면한다는 것을 알았습니다. 그의 의견 아래에 솔루션이 있으며, 참조로 사용될 수 있습니다.
그림의 너비와 높이를 얻고 싶은 곳에 사용하십시오.
코드 사본은 다음과 같습니다.
$ img.load (function () {
var img_h = $ img.height ();
var img_w = $ img.width ();
}
이렇게하면 여전히 $ (function () {})을 사용할 수 있습니다. 전체 파일 컨텐츠가로드 될 때까지 이미지를로드 해야하는 이미지 개체의로드 메소드를 호출하십시오.