JSFiddle - React, Tailwind, and code Playground

by CodeMaverick

HTML

<html>
<head>
    <link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.13/themes/redmond/jquery-ui.css" />
</head>
<body>

    <div id="container">
        <img id="draggable" 
             alt="Click this image to drag it around"
             src="http://gallery.photo.net/photo/12355172-md.jpg" 
             width="400px" 
             height="300px" />
    </div>
    
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.13/jquery-ui.min.js"></script>
</body>
</html>

CSS

#container { 
    overflow: hidden; 
    height: 500px; 
    width: 500px; 
    border: solid 1px black;
}

JavaScript

$(document).ready(function() {
    $("#draggable").draggable({ opacity: 0.35 });
});