集成Picasa和JSF软件的最佳方式是什么?

集成Picasa和JSF软件的最佳方式是什么?,jsf,integration,picasa,Jsf,Integration,Picasa,我正在用JSF实现小软件。我想向用户展示Picasa的照片,但我不知道最好的方式是什么?用户可能很多,每个人都有自己的Picasa相册 你推荐什么?为什么?使用已经实现的JavaScript软件(如JQuery插件或Googles Picasa Web Albums数据API)获取照片等是否最明智 谢谢! 萨米人 编辑: 如果您或其他人尝试过Fancybox,我对js和css文件有问题,我认为这是因为这些文件的路径。在JSF文件中引用JS和CSS文件的正确方法是什么 我建议使用基于jQuery的

我正在用JSF实现小软件。我想向用户展示Picasa的照片,但我不知道最好的方式是什么?用户可能很多,每个人都有自己的Picasa相册

你推荐什么?为什么?使用已经实现的JavaScript软件(如JQuery插件或Googles Picasa Web Albums数据API)获取照片等是否最明智

谢谢! 萨米人

编辑:


如果您或其他人尝试过Fancybox,我对js和css文件有问题,我认为这是因为这些文件的路径。在JSF文件中引用JS和CSS文件的正确方法是什么

我建议使用基于jQuery的解决方案,如。您只需将所需的脚本文件添加到页面中,并调用所需的函数,将库的用户名传递给它,如下所示:

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

$(document).ready(function(){/--default jQuery调用,在加载页面时执行任务
$(“#容器”).pwi({/--在此处指定您的DIV的ID
用户名:“#{user.username}”
});
});
其中#{user.userName}是一个EL表达式,指向要显示库的用户的名称。

我的错误

在JSF中使用jquery插件时必须记住两件事

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

你必须使用那些标签。我只对它们使用了h:outputScript,看起来还行,但当然不行,生成的html也不行

另一件事是:

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

我将jquery与Primefaces中的is一起使用,如果没有它,jquery版本之间会发生冲突,或者pwi根本找不到jquery。至少我这么认为:)没有,一切都很好,所以我很高兴


萨米

感谢您的评论。我会试试看,让你知道我是怎么活下来的。我觉得GooglesAPI有点太多了,因为我只是在展示图片,没有其他东西?这很酷:)我刚刚添加了这个,因为我在使用facelets,我在查找js文件时遇到了问题。你觉得fancybox怎么样,看起来不错?再来一个。你知道如何使用Primefaces和JSF来实现这一点吗?我正在使用Primefaces布局和模板,但无法正常工作$ready(函数(){var settings={username:'testing'};$(“#container”).pwi(settings);});当我把它插入模板时,它就消失了,然后模板就是空白页。