2012-05-14 11 views
0

私はJSFで小さなソフトウェアを実装しています。 Picasaのユーザーの写真を表示したいのですが、どのような方法で行うのがよいのですか?多くのユーザーが参加することができ、誰もが独自のPicasaアルバムを持っています。PicasaとJSFソフトウェアを統合する最も良い方法は何ですか?

お勧めとは何ですか? JQueryプラグインやGoogleのPicasa Web Albums Data APIなど、すでに実装されているJavaScriptソフトウェアを使用して写真などを取得するのが最も賢明ですか?

ありがとうございます! サミ

EDIT:

は、あなたや他の誰かが、私はJSとCSS-ファイルに問題があると私はので、それらのファイルへのパスのことを考えて、Fancyboxを試してみました。 JSFファイルでJSファイルとCSSファイルを参照する正しい方法は何ですか?

答えて

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> 

:あなたがしなければならないのは、このように、あなたのページに必要なスクリプトファイルを追加し、必要な関数を呼び出し、それをギャラリーのユーザー名を渡すことです表示したいギャラリーのユーザー名を指しています。

+0

ありがとうございます。私はそれを試み、私が生き残った方法を知らせます。私はGoogleのAPIが少ししかないと思う。なぜなら私は写真を表示しているに過ぎないからだ。 – Sami

+0

これはクールだ:)私はfaceletsを使用しているので、これを追加したが、jsファイルを見つけるのに問題があった。 fancyboxについてどう思いますか? – Sami

+0

もう1つ。 PrimefacesとJSFを使ってこれをどうやって動かすか考えてみませんか?私はPrimefacesのレイアウトとテンプレートを使用しています。私はそれを動作させることはできません。 $(ドキュメント).ready(関数(){ VAR設定= { 名: 'テスト' }; $( "#コンテナ")PWI(設定); })。これは、テンプレートに挿入すると消えてしまいます。そのあと、テンプレートは空のページです。 – Sami

1

私の間違い!

JSFでjqueryプラグインを使用するときに覚えておかなければならないものは2つあります。

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

他の事はということでした。少なくとも私はそうだと思う:)すべてうまくいっているわけではないので、私は幸せだ!

サミ

関連する問題