Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
  
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style>
  
  
  .rounded{
    border-radius:50%;
    border:10px solid #e6e6e6;
    width:100%;
    padding:20px;
  }
  
</style>
  
<body>
  
<div class="small-images">
  <img src="http://i.stack.imgur.com/GUiqv.jpg"> 
</div>
 
$('.small-images img').bind('load each',function(){
  var img = $(this);
  var imgH = img.height();
  var imgW = img.width();
  var src = img.attr('src');
  img.after('<div class="rounded">');
  img.next('.rounded').css({
    backgroundImage: 'url('+src+')',
    width: imgW+'px',
    height: imgH+'px'
  }).end().remove();
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers