2014-01-10 73 views
0

我正在使用一個響應圖像滑塊,我試圖把它放在一個colorbox裏面,但是當colorbox彈出時,它會打開一個空白的小內容框,我希望圖像滑塊出現在colorbox中。內容在我的網站上直播的colorbox中打開,因此無法理解爲什麼我無法在小提琴中複製此內容。內容不出現在彩盒和移動響應彩盒?

其次,看起來colorbox並沒有調整它的大小,因爲瀏覽器窗口縮小了,這是可以改變的嗎?我試着將colorbox.js中的max-height和max-width設置爲100%,但這並沒有什麼區別。

我昨天大部分時間都在嘗試對此進行排序,但目前爲止沒有運氣,所以您可以給予任何幫助,我們將不勝感激。

的HTML:

<a class="colorbox-link fade_hov" href="#port1">Click to open colorbox</a> 

<div style="display: none;"> 
          <div id="port1"> 
<div>  
    <div id='ninja-slider'> 
     <ul> 
      <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/1.jpg"></div></li> 
      <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/2.jpg"></div></li> 
      <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/3.jpg"></div></li> 
      <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/4.jpg"></div></li> 
      <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/5.jpg"></div></li> 
     </ul> 
    </div> 
    </div> 

的CSS和JS鏈接到外部在這個小提琴THIS FIDDLEHere is the fiddle沒有顏色框,正如你所看到的,是響應。

所以我只需要一個能夠點擊一個鏈接,在一個彈出窗口中打開滑塊的方式,如果有任何其他選項或移動設備可用的燈箱請讓我知道。

回答

0

使用fancybox而不是colorbox,它似乎是完全響應移動,所以問題得到解決。