全屏幕圖像滑塊與jquery

我必須使一個演示網站有點類似於http://issuu.com/eb_magazine/docs/ebmag_31/1。該網站在Flash中編碼，但我想用javascript和jQuery來做。我認爲我需要在兩部分中做到這一點，首先是一個簡單的圖像滑塊，以在圖像之間滑動。我想我可以使用任何jQuery圖像滑塊插件。第二部分，我們點擊圖像，它打開全屏圖像滑塊與縮放選項。我不知道哪個插件可以用於這個。這甚至可以用jQuery來做？請建議任何插件全屏幕圖像滑塊與jquery

來源

2012-09-20 Gunjan Nigam

我認爲http://www.turnjs.com/是您的查詢的最佳解決方案。

Turn.js是一個JavaScript庫，將使您的內容看起來像一本真正的書或雜誌，使用HTML5的所有優點。網頁是以基於HTML5的新用戶界面變得美麗; turn.js是最適合基於HTML5的雜誌，書籍或目錄。

下面是一個示例代碼：

<div id="flipbook"> 
    <div class="hard"> Turn.js </div> 
    <div class="hard"></div> 
    <div> Page 1 </div> 
    <div> Page 2 </div> 
    <div> Page 3 </div> 
    <div> Page 4 </div> 
    <div class="hard"></div> 
    <div class="hard"></div> 
</div> 
<script type="text/javascript"> 
    $("#flipbook").turn({ 
     width: 400, 
     height: 300, 
     autoCenter: true 
    }); 
</script>

來源

2012-09-20 16:19:43

全屏幕圖像滑塊與jquery

回答

相關問題