은 자동으로 태그의 href를 <img> 태그

Question

의 src에서 가져옵니다. 이것은 처음에는 이상한 질문 인 것 같습니다. 그러나 문제를 해결할 다른 방법을 찾을 수 없었습니다. 이것이 오래 동안 바람 Ap 경우 사과드립니다. 그러나 나는 뭘하려고하는지 정확히 설명하려고 노력하고 싶었습니다!

는 기본적으로, 나는, 클릭 이미지를 표시하는 라이트 박스를 사용하고 (이 존재 무엇 라이트 박스 않습니다 ..!) 이미지를 확대 이것은 그러나, 잘 작동 : 실제로 않는 다른 이미지를로드 무엇 라이트 - 당신이 두 개의 파일, 하나의 작은 (엄지 손톱) 하나의 큰 파일을 가질 수 있으므로 유용합니다. 난 두 위치에 같은 이미지를 넣어 CSS/HTML을 사용하여 작은 하나를 확장 할 수 - 내가 여기 가지고 - 라이트 박스 코드의 관련 부분은 다음과 같습니다 :

<a href="image1.gif" rel="lightbox" title="Project one image"> 
<img src="image1.gif" width="200px" alt="small version of image" /></a> 

(나는 그것을 가지고하는 것이 바람직하다 이해 로딩 시간 등 두 개의 개별 파일이 있지만이 경우 작동하지 않습니다)

하지만 문제는 이미지 태그의 이미지를 완전히 다른 이미지로 변경할 수 있어야한다는 것입니다. 없이 변경된 사항 - 라이트 박스 링크에 대한 href를 업데이트하지 않았습니다. 그러나 라이트 박스는 이미지 태그로 가져온 이미지와 동일한 이미지를 보여 주어야합니다. img 태그와 태그를 모두 변경해야합니다. 이 경우 태그를 편집 할 수 없습니다. 저는 다른 사람 (상당히 기술적 인 사람)이 CushyCMS (콘텐츠 편집기)를 사용하여 이미지를 대체 할 수 있도록 설정하고 있습니다. 현실적으로는 이미지 그 자체입니다.이 태그를 업데이트하기 위해이 사람을 의지 할 수는 없습니다. (이것은 분명히 옵션이 아닙니다!)

내가 알아야 할 것은, 태그에서 참조 된 이미지를 만드는 방법이 있는지입니다. 자동으로 img 태그에서 언급 한 것과 동일합니다. 지금까지 연구에서 jquery/javascript가 해결책이라고 생각합니다.
나는 내가 발견 한 다른 자바 스크립트 코드를 수정하려고 시도했으나 아마도 제 자신의 부적당 함으로 인해 제대로 작동하지 못했을 수 있습니다.

누구든지 해결책을 가지고 있다면, 나를 바보로 만들 수 있다면 스크립트 태그로 완성 된 자바 스크립트를 성공적으로 사용했지만 크게 성공하지 못했습니다.

시간을내어 읽고 누구든지 도움을 청할 수있어서 고맙습니다!

Answer 1

나는 아직도이 질문에 혼란 스럽지만, 나는 그것이 당신이 원하는 것이라고 생각한다. img src 특성은 CMS에서 변경할 수 있지만 a은 변경할 수 없습니다. 이를 수정하려고 시도해보십시오 :

$(document).ready(function(){ 
    var $a = $('a[rel=lightbox]'); 
    $a.each(function(){ 
     $(this).attr('href', $(this).find('img').attr('src')); 
    }) 

})