src img

README.md

Attribute That Shit

A drop-in solution for crediting the sources of your un-attributed image blog. Uses a modified version of Jarred Bishop’s handy bookmarklet src img.

To use, copy and paste the code below before the </head> tag of your page. If you're using Tumblr, you can locate this by navigating to your Dashboard → Customize (right column) → Edit HTML (up top).

In use on http://blog.hrstudioplus.com

source.html

<script type="text/javascript">
  var srcOptions = {
    attr: 'data-src-show'
  }

  function srcClick(e) {
    if (e.target && e.target.hasAttribute(srcOptions.attr)) {
      srcShow()
    }
  }

  function srcShow() {
    var sir = document.createElement('script')
    sir.setAttribute('src','http://cdnjs.cloudflare.com/ajax/libs/require.js/0.26.0/require.min.js');sir.setAttribute('type','text/javascript')
    document.getElementsByTagName('head')[0].appendChild(sir)
    
    var sib= document.createElement('script')
    sib.setAttribute('src','http://jarred.github.com/src-img/js/app/bookmarklet.js?version=0.66')
    sib.setAttribute('type','text/javascript')
    
    document.getElementsByTagName('head')[0].appendChild(sib)
  }

  document.addEventListener('DOMContentLoaded', function() {
    document.getElementsByTagName('body')[0].addEventListener('click', srcClick)
  })
</script>

<style>
    .show-src {
        cursor: pointer;
        color: #808080;
        font-weight: normal;
        font-size: 12px;
        line-height: 1;
        position: fixed;
        bottom: 0;
        right: 0;
        padding: 25px;
        z-index: 9;
    }
</style>

<div class="show-src" data-src-show>?</div>