Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div id="product_thumbs">
    
    <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/action-form-medium-144_small.jpg?4889" alt="Adjustoform Action Form Mannequin Size 16 - 22" rel="lightbox-images">
        </a>
        </div>
    <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/action-form-medium-117_small.jpg?4889" alt="Adjustoform Action Form Mannequin Size 16 - 22" rel="lightbox-images">
        </a>
        </div>
    
        <div class="product_thumb active">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/dsc07326_small.jpeg?4883" alt="High Shank Walking Foot" rel="lightbox-images">
        </a>
        </div>
    
        <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/DSC07312_small.jpg?4883" alt="High Shank Walking Foot" rel="lightbox-images">
        </a>
        </div>
    
        <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/DSC07315-black_small.jpg?4883" alt="High Shank Walking Foot" rel="lightbox-images">
        </a>
        </div>
    
        <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/DSC07316-black_small.jpg?4883" alt="High Shank Walking Foot" rel="lightbox-images">
        </a>
        </div>
    
        <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/DSC07323-black_small.jpg?4883" alt="High Shank Walking Foot" rel="lightbox-images">
        </a>
        </div>
    
        <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/DSC07325-black_small.jpg?4883" alt="High Shank Walking Foot" rel="lightbox-images">
        </a>
        </div>
    
        <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/DSC07327-black_small.jpg?4883" alt="High Shank Walking Foot" rel="lightbox-images">
        </a>
        </div>
    
        <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/DSC07331-black_small.jpg?4883" alt="High Shank Walking Foot" rel="lightbox-images">
        </a>
        </div>
    
        <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/DSC07333-black_small.jpg?4883" alt="High Shank Walking Foot" rel="lightbox-images">
        </a>
        </div>
    
        <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/DSC07334-black_small.jpg?4883" alt="High Shank Walking Foot" rel="lightbox-images">
        </a>
        </div>
    
        <div class="product_thumb ">
        <a href="javascript:void(0)">
        <img src="http://cdn.shopify.com/s/files/1/0174/5504/products/DSC5850_small.jpg?4883" alt="High Shank Walking Foot" rel="lightbox-images">
        </a>
        </div>
    
    </div>
</body>
</html>
​
 
#product_thumbs .product_thumb {
float: left;
padding: 5px;
border: 1px dashed #B52020;
margin: 0 10px 10px 0;
width: 90px;
height: 90px;
text-align: center;
overflow: hidden;
​
​
}
​
#product_thumbs .product_thumb img {
width: 90px;
display: block;
margin-top: 10px;
}
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers