2012-11-19 108 views
-2

我找的,我怎麼能顯示在屏幕中央全中心網站的示例代碼,和其他兩個網站的左邊和右邊(可能只看到一半的一側的位置),但能使用iframe之間的輪播導航進行導航。我已經包含了一個基本的模型,我想解釋什麼...是否有可能做一個JavaScript的網站傳送帶?

TL; DR:尋找旋轉木馬我可以使用內部框架內的完整網站enter image description here而不是圖像。

+1

[你嘗試過什麼?](http://whathaveyoutried.com) –

+0

發現很多的插件用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

+2

記住,許多網站不會允許你來包裝他們的'iframe'內(堆棧溢出含稅)。 –

回答

1

沒有什麼喜歡DIY。

-------- -------- -------- 
|Box 1 | |Box 2 | |Box 3 | 
-------- -------- -------- 

與容器,這只是大到足以容納他們中的一個,你可以水平框之間滾動:

一個基本的旋轉木馬可以簡單地通過將要素並排側進行。

然後,用一點CSS魔法,你可以使它看起來像你的問題中的形象。嘗試使用transform,其中scaletranslate是proprtional從中心的距離。還可以在中心框上添加一個z-index以將其放在其他頂部。

當然,也有辦法使更加複雜或更好看的旋轉木馬,但一個簡單的效果很長的路要走。

相關問題