0

http://issuu.com/eb_magazine/docs/ebmag_31/1に似たデモWebサイトを作成する必要があります。ウェブサイトはフラッシュでコーディングされていますが、javascriptとjQueryを使用してコーディングしたいと思います。これは2つの部分で行う必要があると思います。最初は、画像間をスライドするための単純な画像スライダーです。そのために、任意のjQueryImageスライダープラグインを使用できると思います。画像をクリックすると、ズームオプション付きの全画面画像スライダーで開きます。そのためにどのプラグインを使用できるかわかりません。それはjQueryで行うことさえ可能ですか？そのためのプラグインを提案してください

4

1 に答える 1

3

http://www.turnjs.com/があなたの質問に最適な解決策だと思います。

Turn.jsは、HTML5のすべての利点を使用して、コンテンツを本物の本や雑誌のように見せるためのJavaScriptライブラリです。Webは、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-20T16:19:43.870 に答える