Thumbカルーセル付きAフレームパノラマギャラリー

Question

どのように私のフレームパノラマビューアにサムネイルのカルーセルを追加できますか？ yuはサンプルコードを持っていますか？ありがとう！ 下の画像は、私がやりたいwhatsappを示しています。

enter image description here

Answer 1

は、ここで私はそれを行うだろう方法は次のとおりです。

1）あなたは素敵な適切なサムネイルカルーセルを作成する方法whereverw3schoolsにチェックアウトする必要があり、または。

2）z-indexを1に設定すると、aフレームキャンバスの上に表示されます。

3）それが離れて

4をフロートしませんので、それは位置が固定のmake）カルーセル上のクリックイベントがa-sky、またはa-sphereのソースを変更します：

document.querySelector("#beachThumbnail").addEventListener("click",()=>{ 
    document.querySelector("a-sky").setAttribute("material","src","beach"); 
}); 

それを作るために複数のカスタムは、あなたがイメージ名とサムネイルIDを関連付ける、または全く新しい属性を作成し、そしてA-空の内側にリスナーを置くことができます。

document.querySelector(".carouselItem").addEventListener("click",(e)=>{ 
    this.el.setAttribute("material","src",e.srcElement.attributes[1]); 
}); 

5）..
6）利益

「サムネイル」オプションを使用してライブを行うと、hereが切り替わります。