Add Download Button in prettyPhoto Plugin

by

Well programmers can make use of the prettyPhoto documentation and modify the plugin after the wp_footer() call in footer.php:

  1. Add the button via image_markup

  2. Give prettyPhoto a little height boost after adding the Download button.

    <?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="https://wordpress.stackexchange.com/questions/68012/{path}" /><span class="download-btn"><a href="https://wordpress.stackexchange.com/questions/68012/{path}">Download</a></span>',
        changepicturecallback: function(){
            jQuery(".pp_content").css("height", $(".pp_content").height() + jQuery(".download-btn").outerHeight() + 10);
        }
    });
});
</script>

</body>
</html>