Galleria / Flickr 插件问题答案

【问题标题】：Galleria / Flickr plugin problemGalleria / Flickr 插件问题
【发布时间】：2011-02-15 17:45:33
【问题描述】：

我在做一些应该很容易做的事情上有点挣扎，但我失败了。

我正在尝试在此网站中实现 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 自述文件告诉我的那样，但它只是不起作用。

谁能帮帮我？它可能真的很愚蠢/很小！

马蒂斯

【问题讨论】：

标签： jquery api flickr galleria

【解决方案1】：

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

【讨论】：

【解决方案2】：

22/02/11 Galleria 在推特上发布，他们将不再支持 FlickR 插件.. 链接：http://twitter.com/#!/galleriajs 也许一个附加组件即将到来，让我们希望， FlickR 似乎是一个未被充分利用的资源。

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

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

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

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

【讨论】：