이미지가로드 될 때 한 번에 일부 코드를 실행하는 방법은 무엇입니까?

debugcn 에 게시 Dev

토드 마크

페이지가로드 될 때 이미지의 너비를 얻고 싶습니다. 이미지의 너비는 일부 조건을 판단하는 데 사용되기 때문에 논리는 다음과 같습니다.

var width = $('img').width();
var height = $('img').height();
if(width > height){
  //do fn1
}else{
  //do fn2
}

여기 내 문제를 시뮬레이션 하는 링크 가 있습니다. setTimeout이미지 너비를 얻기 위해 함수 지연을 사용할 수 있는지 알고 있었지만 정확하지는 않습니다.

shmuli

다음은 jQuery 문서에 제공된 예입니다 .

... 간단한 이미지가있는 페이지 :

<img src="book.png" alt="Book" id="book">

이벤트 핸들러는 이미지에 바인딩 될 수 있습니다.

$( "#book" ).load(function() {
  // Handler for .load() called.
});

이미지가로드 되 자마자 핸들러가 호출됩니다.

http://api.jquery.com/load-event/

도움이 될 주제에 대한 자세한 내용은 다음과 같습니다.

JavaScript를 사용하여 이미지 크기 (높이 및 너비)를 얻는 방법은 무엇입니까?

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-2

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

이미지가로드 될 때 한 번에 일부 코드를 실행하는 방법은 무엇입니까?

이미지가로드 될 때 한 번에 일부 코드를 실행하는 방법은 무엇입니까?

이 두 코드의 차이점을 찾는 방법은 무엇입니까? 둘 다 실행될 때 동일한 대답을 제공하지만 웹 사이트에서 하나의 코드가 부분적으로 정확하다고 말합니다

일괄 작업이 실행될 때마다 레코드에 대해 IsProcessed 플래그를 True로 설정하는 방법은 무엇입니까?

Application_BeginRequest에서 웹 서버에 도달하는 첫 번째 요청에 대한 코드의 일부를 실행하는 방법은 무엇입니까?

Adobe Media Server에서 onPublish가 트리거 될 때 메서드를 실행하는 방법은 무엇입니까?

다른 스레드가 실행될 때만 일시 중지 및 실행되도록 스레드를 큐에 넣는 방법은 무엇입니까?

CancellationToken이 취소 될 때 코드를 실행하는 방법은 무엇입니까?

Linux에서 부팅 할 때 Java 파일을로드하고 실행하는 방법은 무엇입니까?

동일한 PHP 코드에서 두 개의 쿼리를 실행하는 방법은 무엇입니까?

다른 HTML 요소에 대해 동일한 JQuery 코드를 실행하는 방법은 무엇입니까?

cronjob이 실행될 때 특정 메시지를 로그 파일에 기록하는 방법은 무엇입니까?

서버 측에서 이미지가 다운로드 될 때까지 UICollectionview customcell에 UIActivityindicator를 표시하는 방법은 무엇입니까?

일부 이벤트에서 AWS에서 Docker 이미지를 한 번 실행하고 그 후에 종료하는 방법은 무엇입니까?

로그인 할 때마다 스크립트를 실행하는 방법 또는 당일 실행하지 않은 경우 하루에 한 번 실행하는 방법은 무엇입니까?

Swift에서 App Extension 대상에서 실행할 때 코드의 일부를 무시하는 방법은 무엇입니까?

이름이 시작될 때 번호가있는 여러 파일을 포함하는 전체 폴더를 다운로드하는 방법은 무엇입니까?

JSON이로드 될 때까지 각도 실행을 중단하는 방법은 무엇입니까?

Android에서 페이지가로드 될 때 값을 설정하는 방법은 무엇입니까?

프로그램이 tkinter에서 실행될 때 새 레이블을 만드는 방법은 무엇입니까?

boxfuse가 main arg에 지정할 실행 가능한 jar 및 구성 파일을 포함하는 이미지를 만드는 방법은 무엇입니까?

빌드 방법이기 때문에 미래에 두 번 실행하는 방법은 무엇입니까?

뷰가 처음로드 될 때 부분 뷰를로드하는 방법은 무엇입니까?

asp.net webform이로드 될 때 JavaScript 함수 실행을 중지하는 방법은 무엇입니까?

PHP 5.6에서 일부 PHP 7 코드를 실행하지 않는 방법은 무엇입니까?

페이지가 처음으로로드 될 때 JSP에 항상 드롭 다운 목록의 첫 번째 값을 표시하는 방법은 무엇입니까?

angular2에서 부모 이미지가 변경 될 때 자식 이미지를 변경하는 방법은 무엇입니까?

동일한 Eclipse 프로젝트를 동시에 여러 번 실행하는 방법은 무엇입니까?

동일한 코드 부분이 프로젝트 모듈 / 코드 파일의 많은 부분에서 사용 / 실행될 때 솔루션을 설계합니다.

libgdx에서 이전 화면으로 돌아갈 때 코드를 실행하는 방법은 무엇입니까?

USB 키보드가 연결될 때마다 프로그램을 실행하도록 FreeBSD에서 devd를 구성하는 방법은 무엇입니까?