사진을 추가하는 방법 fotorama plugin

나는 플러그인 fotorama를 클릭하여 사진의 증가를 추가하려고합니다. 이 코드를 활성 이미지 증가에 사용하지만이 코드는 페이지의 모든 요소에서 작동합니다.사진을 추가하는 방법 fotorama plugin

jQuery("div:contains('fotorama__stage__frame fotorama__fade-rear fotorama__loaded  fotorama__loaded--img fotorama__active'):contains('img .fotorama__img')").click(function() { 
    var o=jQuery(this).parent(); 
    var url= jQuery("div:contains('--img fotorama__active')").find('img').attr('src'); 
    var html='<a href="" class="clone"><img src="'+url+'" /></a>' 
    o.append(html); 
    o=o.find('.clone'); 
    o.animate({}); 
    console.log('click'); 
    o.click(function() { 
     jQuery('.clone').remove(); 
    }); 
});

이 버그를 어떻게 수정합니까? http://arngoldt.com/?page_id=18 -이 페이지의 내 코드 예제.

출처

2014-10-08 ilenka

매우 이상한 선택자를 사용합니다. jQuery(".fotorama__img").click(...) 및 jQuery(".fotorama__stage__shaft .fotorama__active img")을 사용해보십시오. 또한 비동기 적으로 렌더링되기 때문에 fotorama:showend 이벤트를 사용하여 큰 이미지 src를 수신해야합니다. 자세한 내용은 documentation page을 참조하십시오.

출처

2014-10-08 13:42:32 Sergey

세르게이, 감사합니다. 나는 fotorama : load 이벤트를 사용합니다. 그러나 큰 그림에만 클릭을 적용하는 방법을 이해하지 못합니다. 이제 다음 + prev 버튼과 엄지 손가락 이미지 작업을 클릭하십시오. – ilenka

이 선택기'jQuery (".fotorama__stage__frame.fotorama__loaded.fotorama__loaded - img.fotorama__active img")'는 큰 그림 만 반환합니다. 그것을 사용해보십시오. – Sergey

또한 fotorama API를 사용하여 활성 큰 이미지에 액세스 할 수 있습니다. 'jQuery ("fotorama") 데이터 ("fotorama")와 같은 뭔가를 할 수 있습니다. 액티브 프레임 $ stageFrame' – Sergey

사진을 추가하는 방법 fotorama plugin

답변

관련 문제