将过滤器添加到媒体库

时间:2012-08-24 18:27:25

标签: jquery xml

我在我的网站中使用此媒体库:http://tympanus.net/Development/MultiMediaGallery/ 它在我的Wordpress安装中没有任何问题,但我想添加一个下拉列表来将媒体过滤到单独的“画廊”中。我认为最好的方法是在XML中添加一个名为“gallery”的附加属性,然后为每个媒体项添加相同的名称。我试图让这个工作,我修改了主mediagallery.js将'gallery'属性分配给id标签(虽然由于某种原因分配所有id相同,即使我通过firebug检查数据正确解析,我目前正在研究这个问题)。下面是一些代码,但我的第一个问题是,这似乎是最好的方法吗?

这是我添加到主页(Wordpress模板)的下拉菜单和javascript:

        $(window).load(function() {
            $('.media_wrapper').hide();
  $('#dropdown').change(function() {
   $('.media_wrapper').hide();
$('#' + $(this).val()) && $('.media_wrapper')
.css('display','block');
  });
});

<form>
 <select id="dropdown" name="dropdown">
  <option value="0">Choose</option>
  <option value="sunsets">Sunsets</option>
  <option value="mountains">Mountains</option>
 </select>
</form>  

1 个答案:

答案 0 :(得分:0)

我喜欢回答自己的问题!

无论如何,以防万一其他人希望能够在此媒体库中添加过滤器 - 您将属性添加到xml文件中,确保它位于xsl文件中,然后最终获取属性并添加它作为每个媒体库项目的li的类。然后只需隐藏并显示该类的li,并且您有一个库过滤器。