2013-10-17 38 views
0

IM在企業網頁正在與同位素和prettyPhoto工作IFRAME(或替代解決方案與prettyPhoto jQuery的工作),我尋找一種方式來將div的內容到iframe:插入Div內容爲

同位素用於顯示工作機會(圖塊),當用戶點擊其中一個圖標時,prettyPhoto將顯示一個包含作業描述的Lightbox。我也使用prettyPhoto來顯示圖片和視頻,這是很好的代碼的一部分。

我的問題是,漂亮的照片只顯示內聯內容,當涉及到文本信息,它似乎不可能使寬度響應。這就是爲什麼我做了,雖然關於使用I幀:

<a href="#Descriptiondiv?iframe=true&width=80%" rel="prettyPhoto"></a> 

我的問題是,它不顯示iframe中的格但整個頁面。有沒有辦法將div內容插入到iframe或其他與prettyPhoto一起使用的方式?我嘗試了幾個其他燈箱選項,但這是我找到的最好的。

我也找iframe中的div但似乎不可能太..

很抱歉,如果這不是很好的解釋,我不是一個親(如果你仍然不知道) 感謝任何信息/替代你可以考慮的解決方案。

最好,

回答

0

你真的需要使用iframe嗎? 這個工作對我來說:

CSS:

#Descriptiondiv { 
    width:80% !important; 
    height:250px; 
    display:none; 
} 

HTML:

<div id="Descriptiondiv"> CONTENT HERE </div> 
<a href="#Descriptiondiv" rel="prettyPhoto">link</a> 

您需要使用的重要,否則prettyPhoto將使用默認的寬度(500)!

+0

謝謝,我設法解決這個問題。不明白爲什麼事情沒有奏效之前..似乎很明顯 – SKYnine