2014-06-12 60 views
1

我是新手,並要求你幫助我,雖然它是一個初學者的問題: 我經常與bxSlider合作,當我嵌入圖像(jpg/png)時,一切正常。 但現在我想在bxSlider中顯示html網站,並且我做錯了什麼。 內部的無序列表類,我嘗試這樣做:bxSlider和html內容

<ul class="bxslider"> 
    <li><img src="images/pic01.jpg" /></li> 
    <li><img src="images/pic02.jpg"/></li> 
    <li><a href="scores/html/score01.html"></a></li> 
    </ul> 

bxSlider顯示圖像,而不是HTML的網站。

我在做什麼錯了?先謝謝你!

+0

你是什麼意思的網站???? – Jatin

回答

0

歡迎來到Stack Overflow!

<a href="scores/html/score01.html"></a>link。如果我正確理解你的問題,你想實際上顯示列表中的網站。

爲此,您需要使用內聯框架或iframe

你實現它是這樣的:

<iframe src="//example.com"></iframe> 

哪,你的情況,顯然是

<iframe src="scores/html/score01.html"></iframe> 

你會發現iframe具有邊框,這樣你就可以使用seamless使HTML5屬性看起來像頁面的一部分:

<iframe src="scores/html/score01.html" seamless></iframe> 

如果你想修改heightwidth,你也可以使用屬性:

<iframe src="scores/html/score01.html" height="50px" width="100px"></iframe> 
+0

非常感謝您的幫助! – digimus

+0

我測試過了,效果很好。再次感謝你! – digimus

+0

@digimus你非常歡迎。我很高興它的工作,但如果你能通過點擊我的問題旁邊的複選標記大綱來接受我的答案,那麼[我們都贏得聲望](http://stackoverflow.com/help/whats-聲譽)。如果您發現它有幫助,請隨時提供我的答案。謝謝! – AstroCB