Picasa 및 JSF 소프트웨어를 통합하는 가장 좋은 방법은 무엇입니까?

Question

JSF로 작은 소프트웨어를 구현하고 있습니다. Picasa에서 사용자의 사진을 보여 드리고 싶습니다만 어떻게해야 할 지 모릅니다. 많은 사용자가있을 수 있으며 모두가 자신의 Picasa 앨범을 가지고 있습니다.

무엇을 권하고 있으며 그 이유는 무엇입니까? JQuery 플러그인이나 Google Picasa 웹 앨범 데이터 API와 같이 이미 구현 된 JavaScript- 소프트웨어를 사용하여 사진 등을 가져 오는 것이 현명합니까?

감사합니다. 사미

편집 :

나는 JS와 CSS-파일에 문제가 있고 그 때문에 그 파일에 대한 경로의 생각, 당신이나 다른 사람이 Fancybox을 시도했습니다. JSF 파일에서 JS 및 CSS 파일을 참조하는 올바른 방법은 무엇입니까?

Answer 1

Picasa Webalbum Integrator과 같은 jQuery 기반 솔루션을 사용하는 것이 좋습니다. 당신이 할 수있는 일은 다음과 같이 그것을 갤러리의 사용자 이름을 전달 페이지에 필요한 스크립트 파일을 추가하고 필요한 함수를 호출하는 것입니다

#이 {user.userName가}는 EL 표현은

<script type="text/javascript"> 
$(document).ready(function() { //-- default jQuery call, do stuff when page is loaded 
    $("#container").pwi({ //--specify your DIV's ID here 
     username: '#{user.userName}' 
    }); 
}); 
</script> 

표시하려는 갤러리의 사용자 이름을 가리 킵니다.

Answer 2

내 실수!

jquery 플러그인을 JSF와 함께 사용할 때 기억해야 할 두 가지 사항은 다음과 같습니다.

<h:outputStylesheet library="css" name="pwi.css" /> 
<h:outputScript library="js" name="jquery.pwi.js" /> 

이러한 태그를 사용해야합니다. 나는 h : outputScript를 그들 둘다에 사용했고 그것은 괜찮은 것 같다. 물론 HTML을 생성하지는 않았다. Primefaces에와 jQuery를 버전 또는 PWI JQuery와 전혀 찾을 수없는 사이에 충돌이없이 내가 jQuery를 사용하고

<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" /> 

:

다른 것은이었다. 적어도 나는 그렇게 생각한다 :) 모든 것이 잘 작동하지 않기 때문에 나는 행복하다!

사미