Backbone Template
Standard fiddle
by Andy Novocin
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.0/backbone-min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.js"></script>
<div class="page">
<div class="parent">
<div id="mycar" class="carousel slide dashpic-wrap" data-ride="carousel" data-wrap ="false" data-interval="false">
<div class="carousel-inner">
<div class="item active">
<img class="dashpic" src="http://201307.estateauctionpics.com/20130729175823_5.jpg"></img>
</div>
<div class="item">
<img class="dashpic" src="http://201307.estateauctionpics.com/20130729175823_13.jpg"></img>
</div>
<div class="item">
<img class="dashpic" src="http://201307.estateauctionpics.com/20130729175823_3.jpg"> </img>
</div>
<div class="item">
<img class="dashpic" src="http://201307.estateauctionpics.com/20130729175823_2.jpg"></img>
</div>
</div>
<a class="left carousel-control" href="#mycar" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#mycar" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
<h4 id="id">20130729175823</h4>
<h5 id="title">Model set</h5>
<h6>This item has status: <span id="status">Ready to Describe</span></h6>
You can declare it to any non-ebay status. If you have an eBay id to associate then you can declare it in those ways.
<hr/>
Assign to: <p id="describer"></p>
<hr/>
Adjust source to: <p id="source">Jamie Walker</p>
<hr/>
Costs: <p id="cost">12345</p>
</div>
CSS
.parent {
position: relative;
width: 100%;
height: 0;
padding-bottom: 75%;
}
.parent img {
max-height: 100%;
width: auto;
margin: 0 auto;
}