JSFiddle - React, Tailwind, and code Playground

by Luke Marlow

HTML

<div class="show_image"></div>

CSS

.show_image {
    height:     100px;
    width:      100px;
    background-image: url("https://c1.staticflickr.com/3/2538/3791884734_bb12f7a8a0.jpg");
}
.pressed {
    background-image: url("http://jw-renders.com/forums/avatars/COD/Avatar39.png");
}

JavaScript

$('.show_image').mousedown(function() {
    $(this).addClass('pressed');
});
$('.show_image').bind("mouseup mouseout", function() {
    $(this).removeClass('pressed');
});