1

しばらくグーグルで検索しましたが、これに対する答えが見つかりません。私のサイトにはスライドショー タイプの div があり、スクロールバーを使用して画像を確認できます。

<div id="container" style="overflow-x: scroll; overflow-y: hidden; width: 700px; height: 300px;">
    <div class="content" style="float: left; width: 700px; height: 300px; background: url('images/1.png')"></div>
    <div class="content" style="float: left; width: 700px; height: 300px; background: url('images/2.png')"></div>
    <div class="content" style="float: left; width: 700px; height: 300px; background: url('images/3.png')"></div>
</div>

私がやりたいのは、スクロールバーを使用する代わりに、ユーザーが写真自体でマウスを使用してdivをスワイプできるようにすることです。これは、ドラッグアンドドロップでjqueryを使用すると想定しています。正直なところ、どこから始めればいいのかよくわかりません。何かアイデアはありますか?

4

4 に答える 4

1

このプラグインはあなたにぴったりのプラグインです。

フォトデスク

http://tympanus.net/codrops/2010/07/01/interactive-photo-desk/

フォトデスク

ハッピーコーディング:)

于 2013-09-13T17:21:35.000 に答える
1

私はこれがあなたが探しているものだと思います:)

マウスまたは携帯電話でスワイプできるようにする jQuery プロジェクト

于 2013-09-13T17:09:59.537 に答える