圖像不加載在colorbox的頁面加載

我有點麻煩加載這個正確的圖像有時不顯示，它只是一個小的白盒，而不是一切設置正確？ - 這是工作，但我不明白爲什麼它不再工作..圖像不加載在colorbox的頁面加載

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     if (document.cookie.indexOf('visited=true') == -1) { 
      var fifteenDays = 1000*60*60*24*15; 
      var expires = new Date((new Date()).valueOf() + fifteenDays); 
      document.cookie = "visited=true;expires=" + expires.toUTCString(); 
      $.colorbox({width:"30%", inline:true, href:"#subscribe"}); 
     } 
     }); 
</script> 
<div style="display:none;"> 
    <div id="subscribe" style="width:475px;"> 
     <img src="<?= IMAGES_DIR; ?>/signup.jpg" alt="Sign Up To University Compare" /> 
    </div> 
</div>

要看到活鏈接，請訪問：http://universitycompare.com

來源

2014-09-11 Owen O' Neill

你有沒有嘗試刪除'風格= 「顯示：無;」'？ – Hotted24 2014-09-11 12:38:46

我認爲存在這個問題，因爲當圖像未完全加載時（height: 0），colorbox會計算它的高度。因此，請嘗試在加載完成時調整它的大小或給它一個高度值。

$.colorbox({ 
    width:"30%", 
    inline:true, 
    href:"#subscribe", 
    onComplete : function() { 
     $(this).colorbox.resize(); 
    }  
});

或者

$.colorbox({ 
    width:"30%", 
    inline:true, 
    href:"#subscribe", 
    height: "500px" 
});

來源

2014-09-11 12:49:45 TeeDeJee

第二個工作，但我不得不爲寬度設置px大小，謝謝TeeDee Jee – 2014-09-11 15:40:25

在.cboxLoadedContent有一個屬性height:0px;

這是問題所在。試着改變它的價值並努力工作。

來源

2014-09-11 12:45:26

圖像不加載在colorbox的頁面加載

回答

相關問題