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

JSF로 작은 소프트웨어를 구현하고 있습니다. Picasa에서 사용자의 사진을 보여 드리고 싶습니다만 어떻게해야 할 지 모릅니다. 많은 사용자가있을 수 있으며 모두가 자신의 Picasa 앨범을 가지고 있습니다.Picasa 및 JSF 소프트웨어를 통합하는 가장 좋은 방법은 무엇입니까?

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

감사합니다. 사미

편집 :

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

출처

2012-05-14 Sami

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>

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

출처

2012-05-14 08:59:33

감사합니다. 나는 그것을 시험해보고 내가 살아남은 방법을 알려줄 것이다. 나는 단지 그림을 보여줄 뿐이므로 Googles API가 너무 비싸다고 생각한다. – Sami

멋지다 :) facelets을 사용하고 js 파일을 찾기 위해 문제가있어서 를 추가했다. fancybox에 대해 어떻게 생각하세요? – Sami

한 명 더. Primefaces 및 JSF로이 작업을 수행하는 방법에 대해 아이디어가 있습니까? Primefaces 레이아웃과 템플릿을 사용하고 있으며 제대로 작동하지 않습니다. $ (문서) .ready (함수() { VAR 설정 = { 이름 :. '테스트' }; $ ("# 용기") PWI (설정) }); 이것은 템플릿에 삽입 할 때 사라지고 템플릿은 빈 페이지입니다. – Sami

내 실수!

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" />

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

사미

출처

2012-05-16 12:46:39 Sami

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

답변

관련 문제