Galleria / Flickr 插件问题

Question

我在做一些本来很容易做的事情上遇到了一些困难，但我却失败了。

我正在尝试在该网站中实现 Jquery Galleria Flickr 插件： http://www.mathijsdelva.be/yury< /a>.

这是我的代码：

<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 自述文件告诉我的方式执行此操作，但它不起作用。

有人可以帮我吗？这可能是非常愚蠢/小的事情！

马蒂斯

Answer 1

忘记 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 时插件会停止尝试升级它们（在十二个主题中）

Answer 2

我也遇到了让它工作的问题。 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()，但我可能是错的。

Answer 3

2011 年 2 月 22 日 Galleria 在 Twitter 上发布，他们将不再支持 FlickR 插件..
链接： http://twitter.com/#!/galleriajs
也许会有一个附加组件，让我们希望，
FlickR 似乎是一个未充分利用的资源。

Answer 4

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