-2
我找的,我怎麼能顯示在屏幕中央全中心網站的示例代碼,和其他兩個網站的左邊和右邊(可能只看到一半的一側的位置),但能使用iframe之間的輪播導航進行導航。我已經包含了一個基本的模型,我想解釋什麼...是否有可能做一個JavaScript的網站傳送帶?
TL; DR:尋找旋轉木馬我可以使用內部框架內的完整網站而不是圖像。
我找的,我怎麼能顯示在屏幕中央全中心網站的示例代碼,和其他兩個網站的左邊和右邊(可能只看到一半的一側的位置),但能使用iframe之間的輪播導航進行導航。我已經包含了一個基本的模型,我想解釋什麼...是否有可能做一個JavaScript的網站傳送帶?
TL; DR:尋找旋轉木馬我可以使用內部框架內的完整網站而不是圖像。
沒有什麼喜歡DIY。
-------- -------- --------
|Box 1 | |Box 2 | |Box 3 |
-------- -------- --------
與容器,這只是大到足以容納他們中的一個,你可以水平框之間滾動:
一個基本的旋轉木馬可以簡單地通過將要素並排側進行。
然後,用一點CSS魔法,你可以使它看起來像你的問題中的形象。嘗試使用transform
,其中scale
和translate
是proprtional從中心的距離。還可以在中心框上添加一個z-index
以將其放在其他頂部。
當然,也有辦法使更加複雜或更好看的旋轉木馬,但一個簡單的效果很長的路要走。
[你嘗試過什麼?](http://whathaveyoutried.com) –
發現很多的插件用iframe支持[這裏](https://www.google.com/search?q=carousel+javascript+iframe&oq=轉盤+的JavaScript +的iframe&AQS = chrome.0.57j0l3j60.5166&sugexp =鉻,MOD = 1&的SourceID =鉻&即= UTF-8)。 – elclanrs
記住,許多網站不會允許你來包裝他們的'iframe'內(堆棧溢出含稅)。 –