이 질문은 매우 구체적이지만 어쨌든 묻습니다.부트 스트랩 - 회전 목마 Jumbotron - WebGL 콘텐츠가있는 iframe
먼저 iframe은 아마도 최고의 디자인은 아니지만 다른 문제를 해결하는 방법을 모르겠습니다. 어쨌든 몇 가지 배경 정보로 시작하겠습니다.
WebGL 콘텐츠가 포함 된 페이지가 있습니다. Three.js를 사용하여 .obj 및 .mtl 모델을로드하고 카메라 이동을위한 키보드 탐색을 추가합니다. .
이 페이지는 PHP의 $ _GET 배열을 사용하여 변수를 가져온 다음이 변수를 기반으로 모델을로드하도록 구조화되어 있습니다 (변수가 "버스"이고 obj/Bus/Bus.obj에서로드하면, 변수가 "Shoe"이면 obj/Shoe/Shoe.obj에서로드합니다.
페이지 링크는 "browser.php? name = Bus"또는 "browser.php? name = Shoe"와 같습니다.
이제 iframe의 회전식 슬라이드에 이러한 페이지 중 몇 가지를 표시하고 싶습니다. 내가 부트 스트랩을 사용하고 있기 때문에,이 작업은 다음 코드를 사용하여 간단하다 :
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<iframe src="browser.php?name=Bus" height="500" width="500">
<div class="container">
<div class="carousel-caption">
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
<br />
<br />
</div>
</div>
</div>
<div class="item">
<iframe src="browser.php?name=Shoe" height="500" width="500">
<div class="container">
<div class="carousel-caption">
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
<br />
<br />
</div>
</div>
</div>
</div>
</div><!-- /.carousel -->
이 완벽하게 하나의 문제, 회전 목마 캡션과 그 모든 콘텐츠가 표시되지 않는 제외 작동합니다. 이것이 iframe 또는 WebGL 콘텐츠로 인한 것인지 확실하지 않습니다. 왜냐하면 방금 이미지가있을 때 그 내용이 표시되기 때문입니다.
WebGL을 Iframe에 회전 목마 :
일반 이미지 회전 목마 : 마지막으로
, 내 질문 : 내 코드/조직/디자인 수정합니까 어떻게 회전 목마에서 WebGL이 콘텐츠를 표시 할 수 있도록 ?
죄송합니다. 중복되었지만 Google에서 관련 링크를 찾을 수 없습니다. 아마도 읽기 /이 질문에 대답하기 위해 시간을내어
덕분에, 부코
[편집] : 난 그냥 내 질문이 끔찍하게 표현되었다는 것을 깨달았다 충분히 밝혀지지 않았다. 내 주요 문제는 네비게이터 화살표가 WebGL 콘텐츠 회전식 컨베이어에 나타나지 않는 것입니다 (이미지 참조). 내비게이터 화살표가있는 회전 장치에 WebGL 콘텐츠를 표시 할 수 있도록 디자인/코드를 수정하려면 어떻게해야합니까?
'browser.php' 페이지를 직접 요청하여 유효한 응답을 얻었습니까?콘솔에 오류가보고 되었습니까? –
빠른 답장을 보내 주셔서 감사합니다. 예. browser.php 페이지가 완벽하게 작동합니다. 다른 페이지의 iframe도 완벽하게 작동하여 WebGL 콘텐츠를 탐색 할 수 있지만 원형 화살표 탐색기 키는 볼 수 없습니다. 콘솔 오류가 발생하지 않습니다. –