visibile 요소에서 URL을 가져오고 다른 요소에 링크를 추가 하시겠습니까?

슬라이드 쇼를 사용하여 이미지에서 링크를 가져 와서이 링크를 제목과 설명에 추가하십시오.visibile 요소에서 URL을 가져오고 다른 요소에 링크를 추가 하시겠습니까?

이 슬라이드 쇼의 문제점은 모든 이미지를 미리로드하고 표시 상태를 숨김에서 표시로 변경한다는 것입니다.

나는 보이는 이미지에서만 URL을 얻고 싶습니다.

HTML은 :

<div id="rgslideshow-4574" class="rgslideshow"> 
<a href="fuer-patienten"> 
<a href="fuer-patienten/unser-team"> 
<img class="rgssimg" width="715" height="361" border="0" title="Dies ist eine Beschreibung zu Bild 2 " alt="Dies ist eine Beschreibung zu Bild 2" src="uploads/tx_rgslideshow/test2.jpg" style="display: none; visibility: hidden; opacity: 0;"> 
</a> 
<a href="fuer-patienten/patienteninformationen"> 
<img class="rgssimg" width="715" height="361" border="0" title="Dies ist eine Beschreibung zu Bild 3 " alt="Dies ist eine Beschreibung zu Bild 3" src="uploads/tx_rgslideshow/test3.jpg" style="display: block; visibility: visible; opacity: 1;"> 
</a> 
</div>

이것은 내가 jQuery를 함께 뭘하려 : 사전에

jQuery(document).ready(function($) { 

    var getUrlFromHREF = $('#rgslideshow-4574 a ').attr('href'); 

    alert(getUrlFromHREF); 

    $('.rgstitle, .rgsdescription').click(function(event) { 
     window.open(getUrlFromHREF, '_self'); 
     return false; 
    }); 
});

감사합니다! 문서를로드 할 때 당신은 링크를 정의하지 않아야 만 클릭 할 때, 같은 :이 사진을 표시/숨기기 위해 불투명도를 사용하고 있지 않다면

출처

2012-02-07 user1195246

'rgslideshow'를 찾았지만 정말 오래되어 더 이상 개발되지 않은 것 같습니다. – elclanrs

예, TYPO3의 이전 확장 프로그램입니다. – user1195246

,이 (

$('.rgstitle, .rgsdescription').click(function(event) { 
    window.open($('#rgslideshow-4574 a:visible').attr('href'), '_self'); 
    return false; 
});

EDIT를 작동합니다 당신은 현재 보이는 이미지의 링크에 관심이

출처

2012-02-07 17:30:35 Nabab

링크 또는 숨겨진 이미지 인 경우 Firebug로 확인해야합니다. 그 마지막 경우, Xander의 솔루션은 더 좋습니다 – Nabab

예, 숨겨진 이미지입니다. 작동 안함. – user1195246

귀하의 코드가 작동합니다 - 부모() : ---- $ ('. rgstitle, .rgsdescription')을 (를) 잊어 버렸습니다. click (function (event) { window.open ($ ('# rgslideshow-4574 a img : visible '). 부모(). attr ('href '),'_self '); false를 반환; }}); – user1195246

당신은 또한 .filter() 방법을 사용할 수 있습니다.

var getUrlFromHREF = $('#rgslideshow-4574 a img').filter(':visible').parent().attr('href');

당신은 사용하여 약간의 성능 향상을 얻을 것이다를 jQuery를 통한이 메소드 custom :visible selector

업데이트 : HTML이 유효하지 않은 것으로 나타났습니다. 첫 번째 앵커가 닫히지 않았습니다.

출처

2012-02-07 17:59:06 shaunsantacruz

이제 첫 번째 링크를 얻지 만 두 번째 슬라이드는 첫 번째 링크를 보여줍니다. 문서를 확인하고 a 태그가 닫혔습니다. http://www.thermewienmed.at/index.php?id=388 – user1195246

이제 첫 번째 링크가 표시되지만 두 번째 슬라이드에는 첫 번째 링크가 표시됩니다. ----- Nabab의 코드가 작동 중입니다. 그는 부모 태그를 잊었습니다. 어쨌든 고맙습니다! – user1195246

visibile 요소에서 URL을 가져오고 다른 요소에 링크를 추가 하시겠습니까?

답변

관련 문제