PrettyPhoto Jquery Plugin, anchor 대신 span을 사용하여 동일한 결과를 얻습니다.

Question

내 사이트에 이미지를 표시하기 위해 Lightbox로 PrettyPhoto Jquery 플러그인을 사용하고 있습니다. 사용자가 미리보기 이미지를 클릭하면 이미지가 오버레이 DIV에 나타납니다.

기본적으로 PrettyPhoto는 이미지를 둘러싸고있는 앵커 링크 (<a>)와 함께 작동합니다. 앵커에는 이미지의 원래 크기/더 큰 버전에 대한 링크가 있습니다. <a> 태그를 사용하고 싶지 않습니다. 왜냐하면 그 이미지가 색인 생성되지 않고 nofollow를 사용하지 않기를 선호하기 때문입니다. 예를 들어 <a>을 대체하고 동일한 결과를 얻을 수있는 옵션이 있습니까?

직접 해봤지만 원래 이미지와 오버레이 div가 실행되지 않았습니다. 어쩌면 내가 코드에서 할 수있는 일이있을 수 있습니다. 다시

은하지 마십시오

<a href="original-image.jpg"><img src="thumb,jpg /></a> 

음주 원하는 :

는 원본 파일 비 압축 jQuery 플러그인이 via this link

또 다른 대안을 다운로드 할 수 있습니다

<span data-source="original-image.jpg"><img src="thumb.jpg /></span> 

좋을 것 그 앵커를 유지하고 href="#"을 사용하고 원본 이미지 URL을 'data-source'와 같은 다른 속성에 넣고 거기에서 읽습니다. 이것은 더 나은 선택입니다.

감사

Answer 1

봅니다

pp_images = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return $(n).attr('href'); }) : $.makeArray($(this).attr('href')); 

pp_images = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return $(n).attr('data-source'); }) : $.makeArray($(this).attr('data-source')); 

편집 플러그 - 더에이 라인을 변경하려면 다음과

set_position = jQuery.inArray($(this).attr('href'), pp_images); // Define where in the array the clicked item is positionned 

에

,

set_position = jQuery.inArray($(this).attr('data-source'), pp_images); // Define where in the array the clicked item is positionned