Round Image Fiddle

by nikita_turing

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<div class="mvp" >
 <img src="http://i.ytimg.com/vi/BxCy2GjZKxw/mqdefault.jpg" />
</div>

CSS

.mvp{
margin:auto;

    width:150px;
    height: 150px;     
    border-radius: 50%; 
    overflow: hidden;
}

.mvp img {
position: relative;
 max-width:300%;
 max-height: 100%; 
    cursor:pointer;
}

JavaScript

$('.mvp img').css("left", ($('.mvp').width()/2)-($('.mvp img').width()/2));