当用户在我的网站上查看照片时,我想在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宽),因此需要添加下载按钮,以便下载完整图像以供使用。
谢谢
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>