タッチしたら、スライドするjqueryのサンプルはないでしょうか？

http://www.sinkyou.com/index.php

上記のサイトのように、メインの画像が4つ重なっていてタッチするとスライドして、
それぞれの画面が見れるような、jqueryのサンプルはないでしょうか？
因みにこれはフラッシュのようです。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2019/07/08 10:00

こんにちは

もう、フラッシュを入れていないのでどのような動作かわからないのですが、ご質問文の内容とチラ見した画像からの想像で…

ご説明通りに画像を重ねておいて、スクリプトでスライドすればよさそうなので、いわゆる「スライドショー」とほとんど同じような方法で作成できると思います。
同時に画像がスライドはしないので、むしろ、アコーディオンタブなどの表示内容が画像になっていると考えたほうが良いのかも知れません。

お考えのイメージに近いものかどうかはわかりませんが、例えば
https://www.jqueryscript.net/demo/Automatic-Acco …
https://www.jqueryscript.net/demo/Smooth-Horizon …
https://www.jqueryscript.net/demo/Horizontal-Acc …
など。
他にも「accordion slider jquery」あたりをキーに検索すれば、いろいろ見つかるものと思います。
https://www.jqueryscript.net/tags.php?/Accordion …

＞タッチするとスライドして～～
上記のものが「タッチ」に反応するように作られているかは確認していませんが、ホバーやクリックには対応していますので、サンプルにはなるかと。

一方で、もしも自作なさるおつもりなら、上記のようにライブラリ化されたものは汎用化されているため、サンプルとしては複雑すぎて適切とは言えないかも知れません。
そのような際は、見た目の機能は異なりますが、「画像スライダーの作り方」や「アコーディオンの作り方」などを紹介しているサイトでシンプルな仕組みを理解して、それを応用した方が速そうな気がします。

この回答へのお礼

fujillinさん
まさにそれです、
ありがとうございます。

お礼日時：2019/07/08 11:22