Question

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

我正在尝试将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自述文件告诉我一样，但它只是不起作用。

任何人都可以帮助我吗？它可能是非常愚蠢/小的东西！

Mathijs

Answer 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（），但我可能错了。

Answer 2

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

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

Answer 4

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

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

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

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

Galleria / Flickr插件问题

4 个答案: