http://wearehunted.com/a/#/emerging/にあるものと同様の機能を使用して、Web サイトで画像スライド ショーをデザインしたいと考えています 。ただし、参照 Web サイトのような小さな画像はありません。代わりに、画面全体を占める完全な画像が 1 つだけになります。
どうすればこれを実装できますか？これは CSS + html でのみ行うことができますか、それとも html と css と共に jquery または javascript を使用する必要があります。
フルスクリーンのスライドショーには、http: //vegas.jaysalvat.com/を使用します。
豊富なオプションで非常に使いやすく、引き伸ばされた画像をきれいに見せるためのオーバーレイも備えています。
css と html だけでは、スライド ショーのようなことはできません。
非常にシンプルで軽量（ライブラリなどなし）にしたい場合は、カーソルが左または右の境界線の近くにあるかどうかをJavaScriptで簡単に確認できます。特定の値よりも近い場合は、要求された方向に画像をスライドさせる関数を呼び出します (例: を増減して絶対位置を変更しますleft:variable%;) 。
http://jsfiddle.net/6VdL7/に頼ることができる非常に粗いフィドルを次に示します
。私の例では、左側のみをチェックし、画像が右側の端まで到達したかどうかはチェックしません。さらに、実装したのはmousemove.
これがあなたが望む場所に到達するのに役立つことを願っています.