JavaScript 速度優化庫：jTinder

jTinder 是一個能夠讓用戶投票，圖片加載變得快速和簡單的JavaScript庫。它是專門為移動觸摸設備優化，但也有一個桌面備用。

在 HEAD 標簽之前添加 CSS 文件：

<link rel="stylesheet" type="text/css" href="css/jTinder.css">

在 BODY 標簽之前添加 JavaScript 包：

<!-- jQuery lib -->
<script type="text/javascript" src="js/jquery.min.js"></script>

<!-- transform2d lib -->
<script type="text/javascript" src="js/jquery.transform2d.js"></script>

<!-- hammer lib -->
<script type="text/javascript" src="js/hammer.min.js"></script>

<!-- jTinder lib -->
<script type="text/javascript" src="js/jquery.jTinder.js"></script>

<!-- jTinder initialization script -->
<script>$("#tinderslide").jTinder();</script>

在 HTML 代碼的 body 標簽內加入  jTinder 內容：

<div id="tinderslide">
    <ul>
        <li class="pane1"><div class="img"></div><div>Miami Beach</div><div class="like"></div><div class="dislike"></div></li>
        <li class="pane2"><div class="img"></div><div>San Francisco</div><div class="like"></div><div class="dislike"></div></li>
        <li class="pane3"><div class="img"></div><div>Chicago</div><div class="like"></div><div class="dislike"></div></li>
        <li class="pane4"><div class="img"></div><div>New York</div><div class="like"></div><div class="dislike"></div></li>
        <li class="pane5"><div class="img"></div><div>Beach</div><div class="like"></div><div class="dislike"></div></li>
    </ul>
</div>

項目主頁：http://www.baiduhome.net/lib/view/home/1418266974620