View

gistfile1.html

@if (false) { 
    <script src="../../Scripts/jquery-1.7.2-vsdoc.js" type="text/javascript"></script>
    <script src="../../JS/iLikeIt.js" type="text/javascript"></script>

}

<div class="container">           
    <h1>iLikeIt!</h1>
    <br />
    <h3>iLikeIt! is a simple, proof of concept, image voting system</h3>
    <h3>To vote, simply mouse over an image and click on the star you think better fits the image</h3>
    <a href="https://github.com/vgheri/iLikeIt">
        <img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" />
    </a>
    <br />
    <div class="row">
        <div class="span8 offset2">
            <div id="myCarousel" class="carousel slide">             
                <div class="carousel-inner">
                    <div class="active item"><img id="abcjds2230"  src="http://dl.dropbox.com/u/6326953/iLikeIt/img01.jpg" alt="First image" /></div> 
                    <div class="item"><img id="abcjds2231" src="http://dl.dropbox.com/u/6326953/iLikeIt/img02.jpg" alt="Second image" /></div>
                    <div class="item"><img id="abcjds2232" src="http://dl.dropbox.com/u/6326953/iLikeIt/img03.jpg" alt="Third image" /></div>
                    <div class="item"><img id="abcjds2233" src="http://dl.dropbox.com/u/6326953/iLikeIt/img04.jpg" alt="Fourth image" /></div>
                    <div class="item"><img id="abcjds2234" src="http://dl.dropbox.com/u/6326953/iLikeIt/img05.jpg" alt="Fifth image" /></div>
                    <div class="item"><img id="abcjds2235" src="http://dl.dropbox.com/u/6326953/iLikeIt/img06.jpg" alt="Sixth image" /></div>
                    <div class="item"><img id="abcjds2236" src="http://dl.dropbox.com/u/6326953/iLikeIt/img07.jpg" alt="Seventh image" /></div>
                </div>             
                <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>            
                <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>                        
            </div>
         </div>
     </div>
</div> <!-- /container -->

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/knockout-2.1.0.js")" type="text/javascript"></script>
<script src="@Url.Content("~/JS/iLikeIt.js")" type="text/javascript"></script>
<script type="text/javascript">
    
    $(function () {
        var options = {
            postUrl : "/Home/RegisterVote"
        }
        $("#myCarousel").iLikeIt(options);
    });
</script>