내가 만들고있는 웹 사이트는 웹 사이트가로드 될 때 큰 이미지가 검은 색으로 희미 해집니다. 그것은 좋은 품질의 이미지이고 그 효과는 훌륭합니다.브라우저에서 아무것도 나오기 전에 큰 이미지를로드하는 방법
문제는 사람이 웹 사이트를 처음 방문 할 때 페이드가 발생하지 않고 이미지가 나타납니다. 나는 불투명도가 즉시 바뀌었지만 이미지 자체는 다운로드되지 않은 것으로 생각합니다. 일단 캐싱되면 사이트를 다시 방문하면 그 효과가 나타납니다.
페이드 인이 시작되기 전에 이미지가 완전히 다운로드되도록하는 방법은 무엇입니까 (페이드는 단순한 jQuery : $('#bg').fadeIn(1000);
)?
수정 - 모두에게 감사드립니다. 그것은 해결되었습니다. 나는 내가 중요하지 않다는 것을 깨닫지 못한 것을 남겼다. img
태그가 아니고 이미지 배경이 div
입니다. 내가 img로 바꿨을 때, $(document).ready()
함수는 페이드 전에 이미지를로드했습니다. 고맙습니다!
를 사용하여 쉽게 생각하고 당신이 필요로하는 경우 언급 할 사람을 발견 'ready()'대신'load()'를 사용해야하는로드 된 엘리먼트의 프로퍼티. 나는 나 자신을 시험해 보지 못했지만 어쨌든 그것을 통과 할 것이라고 생각했다. (단지를 위해서!) 편집 : 즉, document.ready 대신 window.onload! – Gazillion
@Gazillion 그래, 나는 항상 ready()를 사용했다. 그러나 load()는 훨씬 더 적절하다. –