라이트박스 플러그인으로 마크업 유효성 검사 문제를 해결하는 방법

여기 Winaero와 다른 일부 프로젝트에서는 블로그 게시물에 삽입된 이미지에 멋진 효과를 사용하는 것을 선호합니다. NS 라이트박스 효과, 잘 알려진 바와 같이 워드프레스용 플러그인은 여러 가지를 제공합니다. 한 번은 WordPress 블로그의 테마를 변경하고 다음으로 유효성을 검사하려고 했습니다. w3c 유효성 검사기하지만 이전 라이트박스 플러그인에서 제공한 HTML 마크업이 올바르지 않고 유효하지 않습니다. 나는 문제를 해결하기로 결정했고 그때 나는 "항상 유효한 라이트박스" 유효한 마크업을 생성하는 플러그인입니다. 나는 그것에 몇 가지 문제가 있다는 것을 알아차릴 때까지 거의 완전히 만족했습니다.

첫 번째 문제는 잘못된 이미지 캡션이었습니다. Always Valid Lightbox 플러그인은 항상 이미지 캡션, 내 이미지에 거의 사용하지 않습니다. 캡션이 설정되지 않으면 라이트박스에 아무 것도 표시되지 않습니다. 대신 나는 사용 "alt" 속성 텍스트 플러그인이 표시하지 않은 것입니다.

두 번째 문제는 이상한 이미지 크기 조정이었습니다. 나는 최근 내 "Yahoo!에서 탭을 다시 가져오는 방법 우편" 우편. 다음 이미지가 있습니다.

해당 이미지를 클릭하면 다음 라이트박스가 나타납니다.

그래서 플러그인을 포크하기로 결정했습니다. 캡션이 설정되지 않은 경우 크기 조정 코드를 변경하고 플러그인이 "alt" 속성을 참조하도록 했습니다. 결과는 다음과 같습니다.

보시다시피 이미지 아래에 텍스트 설명도 표시됩니다. 또한 외부 jQuery 라이브러리의 로딩이 좋지 않기 때문에 제거했습니다. WordPress에는 이미 jQuery가 내장되어 있습니다. 이제 플러그인 모드에 완전히 만족합니다. 내 버전을 호출하기로 결정했습니다. 항상 유효한 라이트박스 모드.

여기에서 수정 사항을 다운로드할 수 있습니다.

WordPress용 Always Valid Lightbox Mod 플러그인 다운로드

WordPress 플러그인 갤러리에서 승인되면 플러그인 페이지에 대한 링크도 추가하겠습니다.

이제 공식 WordPress 갤러리에서 플러그인을 얻을 수 있습니다.

WordPress.org에서 다운로드