PrettyPhoto不适用于livequery

时间:2010-03-03 20:09:48

标签: prettyphoto livequery

任何人都可以解释如何将PrettyPhoto与livequery一起使用吗?

  $(document).ready(function()
  {
    $(".gallery a[rel^='prettyPhoto']").livequery(
    function()
    {
      $(this).prettyPhoto({theme:'facebook'});
    });
  });

代码是正确的,但我认为livequery不支持PrettyPhoto。有人可以证实吗?

3 个答案:

答案 0 :(得分:6)

你在谈论jQuery吗?如果是这样,我已经开始工作了:

$("a[rel=prettyPhoto]").live("click",function() {
    $.prettyPhoto.open($(this).attr("href"),"","");
    return false;
});

如果你想加入一些主题或者你可以做的事情:

$.fn.prettyPhoto({'theme': 'light_rounded'});
$("a[rel=prettyPhoto]").live("click",function() {
    $.prettyPhoto.open($(this).attr("href"),"","");
    return false;
});

答案 1 :(得分:1)

$.fn.prettyPhoto({
    animation_speed: 'fast', /* fast/slow/normal */
    slideshow: 5000, /* false OR interval time in ms */
    theme: 'facebook' /* light_rounded / dark_rounded / light_square / dark_square / facebook /pp_default*/
});

$.prettyPhoto.open('xzs.html?iframe=true&width=100%&height=100%','Title','DESC');

User
<a style="color: #F99;text-decoration:inherit;" href="javascript:;" rel="prettyPhoto[iframes]" name="xzs.html?iframe=true&width=100%&height=100%" title="test">test</a>

$("a[rel^='prettyPhoto']").livequery(function(){
    var url = $(this).attr(name);
    $.prettyPhoto.open(url,'Title','DESC');
});

答案 2 :(得分:0)

发生的事情是prrettyPhoto为每张照片实例化一个图库,而不是使用rel属性的正则表达式构建集合。您需要做的是在您的DOM中获得新的所有 a[rel^='prettyPhoto']时重新运行初始化。这是由于使用全局matchedObjects var。

设置prettyPhoto的方式