0

我对应该很容易做的事情有点挣扎,但我失败了。

我正在尝试在此网站中实现 Jquery Galleria Flickr 插件:http: //www.mathijsdelva.be/yury

这是我的代码:

<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script> 
<script src="js/galleria.js" type="text/javascript"></script> 
<script src="js/galleria.flickr.js" type="text/javascript"></script> 
<script src="js/classic/galleria.classic.js"></script> 

<script type="text/javascript"> 
var api_key = '22b0615cb0499c7a9f67e166c74b8d6d' // you must have a flickr API key 
var flickr = new Galleria.Flickr(api_key); // initialize the plugin 

flickr.getSet('72157623495372507', { 
size: 'big', 
description: false, 
max: 100, 
sort: 'date-posted-desc' 
}, function(data) { 
$('#flickrfeed').galleria({ 
data_source: data 
}); 
}); 
</script> 

正如 github Galleria 自述文件告诉我的那样,我正在这样做,但它只是不起作用。

谁能帮帮我吗?这可能真的很愚蠢/很小!

马蒂斯

4

4 回答 4

0

@Mathijs 试试这个:

<script type="text/javascript">
    $(function(){
      $('#flickrFeed').galleria({
          flickr: 'set:72157623495372507',
          width: 700,
          height: 500,
          transition: 'fade',
          flickrOptions:{    
              size: 'big', 
              description: false, 
              max: 100, 
              sort: 'date-posted-desc'
          }
      });
    });
</script>
于 2011-08-22T19:53:49.247 回答
0

忘记 Galleria.flickr.js 插件文件中的内容,专注于页面 html 上的内容。

在 flickr 旁边使用“用户”或“设置”,然后使用用户或设置 ID。

$('#galleria').galleria({
    flickr: 'set:72157627552529927',
    transition: 'fade',
          flickrOptions:{    
              size: 'original', 
              description: false, 
              max: 100, 
              sort: 'date-posted-desc'
    }
});

一个额外的提示是确保 flickr 上的图像具有足够的分辨率,或者当在 imagecrop 中设置为 true(在十二主题中)时,插件会尝试放大它们

于 2011-09-16T14:42:20.513 回答
0

我也有问题让它工作。Galleria.js 和 Galleria.flick.js 是什么版本的?可能会有一场错过比赛,我正在尝试 v1.2 没有运气。同样从 v1.2 的文档中,我一直在关注它对于主题加载看起来更像这样;

// Load the classic theme
    Galleria.loadTheme('galleria.classic.min.js');
var api_key = 'MyRealFlickRKey' // my key not shown
var flickr = new Galleria.Flickr(api_key); 

flickr.getSet('72057594078378762', function(data) {
    $('#galleria').galleria({
        data_source: data
    });
});

从您的代码看来,您使用的是以前版本的 Galleria,我认为它不支持 getSet(),但我可能是错的。

于 2011-03-02T10:57:11.117 回答
0

22/02/11 Galleria 在 twitter 上发布,他们将不再支持 FlickR 插件。链接: http: //twitter.com/# !/galleriajs .

于 2011-03-02T11:33:41.443 回答