如何在我的图片库上实现添加到收藏集功能,以便稍后下载?

时间:2014-06-12 作者:vanduzled

我正在建立一个WordPress图像库,就像一个库存照片库,供内部办公室使用。我正在使用媒体库上载文件,然后使用图像库显示照片。它有四个下载选项可供选择,运行良好。

我遇到的问题是,我想通过单击按钮来收集这些图像,这样我就可以保存它们,然后再将它们作为zip文件下载。这将使用户的生活更轻松,不用下载个人照片。

这有点像istock或shutterstockAdd to Lightbox feature.

我已经看到一个插件,这是接近我想要的。名为“添加到收藏夹”。但它只是给你一个小部件中的标题列表。

我不希望用户注册到该网站,因此只要使用cookie就足够了,这样每当他们关闭浏览器时,集合就会重置。

我深入研究了HTML5本地存储和jquery cookie,但这对我来说似乎有点核心。

我还想到了一个购物车插件,但我不需要贝宝或任何付款方式,因为我只想让人们轻松地收集和下载。

我有什么办法可以做到这一点吗?有没有我可以使用的插件?

1 个回复
SO网友:TheDeadMedic

我会跳过cookies,使用很棒的脚本store.js

只要踢出一个data-lightbox “Add to Lightbox”链接上的属性,并使用图像ID(假设您使用的是jQuery),它很简单:

$( document.body ).on( "click", "a[data-lightbox]",
    function ( ev ) {
        ev.preventDefault();
        var id = $( this ).data( "lightbox" ), list = store.get( "lightbox" );
        if ( list ) {
            if ( $.inArray( id, list ) === -1 )
                list.push( id );    
        } else {
            list = [ id ];
        }

        store.set( "lightbox", list );
    }
);
要下载,只需处理列表&;重定向到服务器端处理程序:

$( ".download" ).click(
    function ( ev ) {
        ev.preventDefault();
        var list = store.get( "lightbox" );
        if ( list ) {
            var href = window.location.href,
                args = ( href.indexOf( "?" ) !== -1 ? "&" : "?" ) + "download=" + list.join( "," );

            window.location = href + args;
        }
    }
);
我假设您的处理程序在$_GET[\'download\'] 对于任何给定的URL。

结束

相关推荐

Resize images in batch

我想调整服务器上的图像大小,我的WordPress站点库中有7000多个图像。我想调整服务器本身上所有图像的大小。我知道可以使用“重新生成缩略图”插件,但为此,我将不得不整天打开浏览器窗口,甚至可能在中间某个地方崩溃,这将导致我再次调整所有图像的大小。有谁有更好的主意来做这件事吗?请简要解释答案。