화면의 중앙에 전체 중심 웹 사이트를 표시 할 수있는 샘플 코드를 찾고 있는데 나머지 두 개의 웹 사이트는 왼쪽과 오른쪽에 있습니다 (측면 사이트의 절반 만 볼 수는 있지만). iframe 사이의 회전식 슬라이드 쇼를 사용하여 탐색합니다. 설명하려고 애쓰는 기본 모형을 포함 시켰습니다 ...웹 사이트의 Javascript Carousel을 사용하는 것이 가능합니까?
TL : DR : 이미지 대신 iframe내부의 전체 웹 사이트에서 사용할 수있는 회전 장치를 찾고 있습니다.
DIY 같이 좋은 것은 어디에도 없습니다. 그들 중 하나를 저장하기에 충분히에만 큰의 용기와
-------- -------- --------
|Box 1 | |Box 2 | |Box 3 |
-------- -------- --------
, 당신이 상자 사이에 가로로 스크롤 할 수 있습니다
기본 회전 목마
는 요소가 나란히 배치하여 간단하게 만들 수 있습니다.그런 다음 약간의 CSS 마법을 사용하면 질문에 해당 이미지처럼 보이게 할 수 있습니다. transform을 사용해보십시오. 여기서 scale 및 translate은 중심에서 떨어진 거리에 있습니다. 또한 centremost 상자에 z-index을 추가하여 다른 사람 위에 놓습니다.
물론 더 복잡하거나 더 멋진 모양의 회전식 슬라이드를 만드는 방법이 있지만 단순한 효과는 먼 길을 갈 수 있습니다.
[무엇을 시도해 봤습니까?] (http://whathaveyoutried.com) –
iframe을 지원하는 많은 플러그인을 발견 [https://www.google.com/search?q=carousel+javascript+iframe&oq= carousel + javascript + iframe & aqs = chrome.0.57j0l3j60.5166 & sugexp = chrome, mod = 1 & sourceid = chrome & ie = UTF-8). – elclanrs
많은 웹 사이트에서는 'iframe'(스택 오버플로 포함) 안에 그들을 감싸는 것을 허용하지 않습니다. –