2017-12-07 14 views
0

私の目標は、画像の2つの行/列が比較されるインターフェイスを持つことです。2行の画像をスクロールやスライダで比較/表示する

In the image I linked to, you can see there will be 2 rows of images that are being compared.

Iは、ユーザが最終的に一致した2枚の画像を識別できるように、スライド/各列をスクロールしたいです。

私はいくつかのスライダとスクロールアプリのコードを見てきましたが、各行が他とは独立してスライドできる場所はありません。オンラインのリソースへのアドバイスやリンクは、大変ご好評いただいております。

+0

これをチェック[Codrops](https://tympanus.net/codrops/2015/05/26/product-comparison-layout-effect/) – Momin

+0

こんにちはMomin!比較しているイメージの行が2行だけであるレスポンスレイアウトを知っていますか?または静的な画像を持つ1行と、隣接する行にスライダがありますか?基本的に、行Aは行Bを滑り込ませることで行Bの一致を見つける。リンクをありがとう。 – Artemis29

+0

これだけ私が知っていた....ありがとう – Momin

答えて

0

jquery-uiを試してみましょうスライダーのようなものがたくさんあります。各要素は別々に置くことができます。私はあなたが画像で同じことをすることができれば驚くでしょうが、主に垂直スライダを使って見たことがありますが、水平のスライダが必要なように聞こえます。

+0

こんにちはSibaz。早速のご返事ありがとうございます!!基本的には、2つの画像がモバイル画面全体を占めるようにします。水平対垂直の場合、ユーザーが水平方向にスクロールするようにモバイルデバイスの垂直線を想像しただけですが、デバイスを水平に使用する場合は、垂直方向にスライドさせて応答することをおすすめします。私はこのすべての初心者です:)私はjquery-uiをチェックアウトdefします!再度、感謝します。 – Artemis29

+0

ええと、私はデスクトップではなくモバイルだと思っていましたが、それはすべてhtml5だと思われます。だからjquery-uiを見てください。それはjs uiツールのためのものです – sibaz

関連する問題