Skip to content

Instantly share code, notes, and snippets.

Created December 18, 2012 20:41
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save anonymous/4331764 to your computer and use it in GitHub Desktop.
Save anonymous/4331764 to your computer and use it in GitHub Desktop.
Rule of Thirds bookmarklet
(function(){
// the minimum version of jQuery we want
var v = "1.3.2";
// check prior inclusion and version
if (window.jQuery === undefined || window.jQuery.fn.jquery < v) {
var done = false;
var script = document.createElement("script");
script.src = "http://ajax.googleapis.com/ajax/libs/jquery/" + v + "/jquery.min.js";
script.onload = script.onreadystatechange = function(){
if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) {
done = true;
initMyBookmarklet();
}
};
document.getElementsByTagName("head")[0].appendChild(script);
} else {
initMyBookmarklet();
}
function initMyBookmarklet() {
(window.myBookmarklet = function() {
var $ = jQuery;
$('head').append('<style type="text/css">div.imgWrapper {position: relative; display: inline-block;} div.imgWrapper:before { background:url("http://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/Photo_3x3.svg/500px-Photo_3x3.svg.png"); background-size: 100% 100%; background-repeat:no-repeat; width:100%; height: 100%; z-index: 3; top:0; left:0; position: absolute; content: " "; } </style>');
$('img').wrap('<div class="imgWrapper" />');
})();
}
})();
javascript:(function(){var s = document.createElement('script');s.src = 'http://dl.dropbox.com/u/5045906/imagesbookmarklet/bookmarklet.js';document.body.appendChild(s);})();
var $ = jQuery;
$('head').append('<style type="text/css">div.imgWrapper {position: relative; display: inline-block;} div.imgWrapper:before { background:url("http://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/Photo_3x3.svg/500px-Photo_3x3.svg.png"); background-size: 100% 100%; background-repeat:no-repeat; width:100%; height: 100%; z-index: 3; top:0; left:0; position: absolute; content: " "; } </style>');
$('img').wrap('<div class="imgWrapper" />');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment