This is bookmarklet for handspinner junkies. (by @alumican_net)
Let's Scroll and Click Images.
Let's try this bookmarklet with following website.
{(function(func) {var jq = window.jQuery || window.$;if (jq && jq.each) {func(jq);} else {console.log('load jQuery');var scr = document.createElement('script');scr.src = '//code.jquery.com/jquery-2.2.4.min.js';scr.onload = function() {func(jQuery.noConflict(true));};document.body.appendChild(scr);}})(function($) {console.log('jQuery', $().jquery);var altImages = ['','https://pbs.twimg.com/media/DDx8TkZUAAAMUPm.jpg:large','https://pbs.twimg.com/media/DDx8VaZVYAAPT91.jpg:large'];var images = [];var imageSrc = [];var imageEasings = [];var imageRotations = [];var size0 = 30;var size1 = 300;var easing0 = 0.02;var easing1 = 0.01;var grad = (easing1 - easing0) / (size1 - size0);$('img').each(function(index, element) {var e = $(element);if (!e.hasClass('spinning-junkie')) {e.addClass('spinning-junkie');var size = (e.width() + e.height()) / 2;size = size < size0 ? size0 : (size > size1 ? size1 : size);var easing = easing0 + size * grad;imageSrc.push(e.attr('src'));imageEasings.push(easing);imageRotations.push(0);images.push(e);}});var numImages = images.length;$(window).on('scroll', function(event) { updateScroll(); });$('body').on('touchmove', function(event) { updateScroll(); });var scrollTop = 0;var prevScrollTop = 0;function updateScroll() {scrollTop = $(window).scrollTop();var delta = scrollTop - prevScrollTop;targetRotation += delta * 2;prevScrollTop = scrollTop;}var mouseWheelEvent = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';$(document).on(mouseWheelEvent, function(event) {if (scrollTop == 0 || (scrollTop + $(window).height() >= $(document).height())) {var delta = event.originalEvent.deltaY ? -(event.originalEvent.deltaY) : event.originalEvent.wheelDelta ? event.originalEvent.wheelDelta : -(event.originalEvent.detail);targetRotation -= delta * 2;}});var rotation = 0;var targetRotation = 0;setInterval(function() {/* rotation += (targetRotation - rotation) * 0.01; *//* ar transformString = 'rotate(' + rotation + 'deg)'; */for (var i = 0; i < numImages; ++i) {var r = imageRotations[i];r += (targetRotation - r) * imageEasings[i];images[i].css('transform', 'rotate(' + r + 'deg)');imageRotations[i] = r;/* images[i].css('transform', transformString); */}}, 1000 / 60);var imageIndex = 0;$('body').on('click', function(event) { switchImage(); });function switchImage() {if (++imageIndex >= altImages.length) imageIndex = 0;if (imageIndex == 0) {for (var i = 0; i < numImages; ++i) {images[i].attr('src', imageSrc[i]);}} else {for (var i = 0; i < numImages; ++i) {images[i].attr('src', altImages[imageIndex]);}}}});})();){kind=link}