JSFiddle - React, Tailwind, and code Playground

by Jake Cattrall

HTML

<audio loop>
  <source src="http://whatsapptones.com/whatsapptones/sonidos/GTA%20San%20Andreas.mp3" type="audio/mpeg">
</audio>
    <img src="https://www.nexusos.co.uk/th.ashx?filename=%2f_assets%2fstaff%2flatest%2flouis-miles-1.jpg&width=221&height=250&q=100&aspect=6&default=~%2F_assets%2Fstaff%2Fno_photo.jpg&o=png" />

CoffeeScript

a = $('audio')[0]
$('img').hover ->
    a.play()
    $(@).attr 'src', 'http://i.imgur.com/nzBM9Zc.png'
, ->
    a.pause()
    $(@).attr 'src', 'https://www.nexusos.co.uk/th.ashx?filename=%2f_assets%2fstaff%2flatest%2flouis-miles-1.jpg&width=221&height=250&q=100&aspect=6&default=~%2F_assets%2Fstaff%2Fno_photo.jpg&o=png'