排序和添加新的图库 - 从Flickr加载的图像

时间:2014-02-11 17:37:13

标签: jquery api sorting add flickr

我使用Flickr api制作一个简单的画廊:

HTML:

<div id="html"><h4>Tag: html</h4></div>

JS:

<script>
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
  {
    tags: "html",
    tagmode: "any",
    format: "json"
  },
  function(data) {
    $.each(data.items, function(i,item){
      $("<img/>").attr("src", item.media.m).attr("data-published", item.published).attr("data-taken", item.date_taken).appendTo("#html").wrap("<a href='" + item.link + "'></a>");
      if ( i == 3 ) return false;
    });
  });
</script>

显示4张带指定标签的照片。现在我想做出排序选项。排序应显示按照已发布或拍摄日期排序的4张照片(属性是数据发布和数据拍摄)。它应该使用加载库中收集的数据。 我托盘就像在这个网站上一样:http://mixitup.io/demos/template 但它对我不起作用。

第二个选项是创建和删除图库的输入 - 输入以输入新图库(图库名称=标记)和现有图库列表以及要删除的链接。

1 个答案:

答案 0 :(得分:0)

看看@ http://mixitup.io/#Methods&gt;&gt;&gt;按自定义数组排序

Syntax: $('#Grid').mixitup('sort',['custom',array]);

此方法将元素设置为新的自定义顺序(不一定按特定属性排序)。新订单应该是目标元素的数组,每个元素都是jQuery对象,按所需顺序排列。