在pretityPhoto插件中添加下载按钮

时间:2012-10-12 作者:Nathan

当用户在我的网站上查看照片时,我想在PrettyTo灯箱上为全尺寸图像添加一个下载按钮链接。

目前我使用prettyPhoto Media 我的网站上的插件,我也使用了此代码(摘自this post) 为了使Prettypoto能够在图库中查看比全尺寸图像更小的图像,因此加载时间会更好:

function oikos_get_attachment_link_filter( $content, $post_id, $size, $permalink ) {

    // Only do this if we\'re getting the file URL
    if (! $permalink) {
        // This returns an array of (url, width, height)
        $image = wp_get_attachment_image_src( $post_id, \'large_image_size\' );
        $new_content = preg_replace(\'/href=\\\'(.*?)\\\'/\', \'href=\\\'\' . $image[0] . \'\\\'\', $content );
        return $new_content;
    }
}

add_filter(\'wp_get_attachment_link\', \'oikos_get_attachment_link_filter\', 10, 4);
但是,由于Prettypto现在只查看图像的缩略图大小,因此观众无法获得全尺寸图像(约2000px宽),因此需要添加下载按钮,以便下载完整图像以供使用。

谢谢

3 个回复
最合适的回答,由SO网友:Nathan 整理而成

所以,对我来说,最好的选择是,我不是一个程序员,只需更换插件即可。我用过this plugin 并得到了我需要的结果(它已经有一个下载链接)。

SO网友:P-S

程序员可以利用prettyPhoto documentation 并在调用wp\\u footer()后修改插件footer.php:

在添加下载按钮后,通过image\\u标记添加按钮,使Prettypoto稍微升高一点高度。

<?php wp_footer();?>
<style>.download-btn{ margin-top: 10px; padding: 5px; background: #ccc; float: left }</style>

<script>
jQuery(document).ready(function() { 
   jQuery("a[rel^=\'prettyPhoto\']").prettyPhoto({
        image_markup: \'<img id="fullResImage" src="{path}" /><span class="download-btn"><a href="{path}">Download</a></span>\',
        changepicturecallback: function(){
            jQuery(".pp_content").css("height", $(".pp_content").height() + jQuery(".download-btn").outerHeight() + 10);
        }
    });
});
</script>

</body>
</html>

SO网友:ThalesAndrade

我在编辑Prettypoto时解决了这个问题。img\\U标记属性中的js文件。

更改此

image_markup: \'<img id="fullResImage" src="{path}" />\',
到这个

image_markup: \'<img id="fullResImage" src="{path}" /><a class="pp_download" href="{path} download"><i class="enotype-icon-download"></i></a>\',

结束

相关推荐

Upload images with comment

编辑:我终于得到了正确的答案;请在这篇帖子下面为所有感兴趣的人查看我自己的答案。经过几天的搜寻和反复尝试,我真的被卡住了。我有一个客户,他通过使用评论表在自己的网站上收集客户体验;所有评论都显示为客户评论。到目前为止还不错。但由于这家公司在旅游方面做得很多,他需要让他的客户上传多达五张图片,并附上评论。所以我需要做的是找到一种方法,让客户上传媒体,并填写评论表。我知道这有点冒险,因为可能会上传损坏的图像等等。但我仍然希望实现这一目标。尝试了很多东西,但我一次又一次陷入困境的地方是文件上传处理,对于一个未登