이름을 기반으로 디렉토리에 이미지를 타겟팅하는 방법이 있습니까?

WordPress를 사용하여 빌드 된 사이트를 다시 디자인하고 있습니다. 테마를 업데이트하고, 커스터마이징을 추가했으나, 커버 이미지가있는 각 출판 볼륨에 대한 페이지가 수없이 많으며, 클래스 나 ID가 모두 추가되지 않았습니다. 사이트의 정적 인 정적 정적 버전에서 어떻게 가져 왔는지 모르겠습니다. 이전 개발자에게 연락 할 방법이 없습니다.이름을 기반으로 디렉토리에 이미지를 타겟팅하는 방법이 있습니까?

이미지는 모두 이미지 이름에 "Vol-"로 시작하므로 이미지를 대상으로 지정하여 클래스를 추가하고 크기를 조정할 수 있습니까? 나는 이것을하기 위해 말 그대로 수백 페이지를 거치지 않고 특별히 수업을 적용하고 싶습니다. 이게 jQuery와 가능한가?

하나의주의 사항 : 중요한 것은 표 안에 그림 모양의 이미지가 포함되어 있다는 것입니다.

예 : img[src^="Vol-"] : http://jmpee.org/whitepapers/current-issue-2/

출처

2014-02-08 Justin W

당신은 선택 "속성 SRC는 부피로 시작"와 같은 이미지를 타겟팅 할 수 있습니다. 스타일은 순수한 CSS로 할 수 있습니다.

img[src^="Vol-"] { 
    width:100px; 
    height:100px; 
    border:solid 1px blue 
}

데모 : http://jsfiddle.net/KCnEg/

당신이 jQuery를 사용하려는 경우, 같은 선택기의 jQuery 셀렉터로 사용할 수 있습니다. 실제 속성이 "Vol-"로 시작하지 않으면 예를 들어 <img src="http://mysite/folder/vol-15.png" />과 같은 것일 수 있습니다. "Attribute SRC contains Vol-": img[src*="Vol-"]

출처

2014-02-08 23:58:58

와우 정말 간단합니다. 고마워, 유리. 때로는 가장 간단한 기술을 놓칠 수있는 재미 있습니다. 이것은 나에게 많은 두통을 덜어 준다. 마지막 비트는 훨씬 더 안심입니다. 일부는 "Vol-"로 시작하지 않을 수도 있지만 이름에 "표지"라는 단어가 포함될 수 있으므로 다른 방법으로 타겟팅 할 수 있습니다. –

이름을 기반으로 디렉토리에 이미지를 타겟팅하는 방법이 있습니까?

답변

관련 문제