jCarousellite在IE 6/7/8中不顯示，在Safari/FF/Chrome中很好

我試圖實現像這樣的幻燈片：http://biggayicecreamtruck.com但對於我的生活，我無法弄清楚爲什麼他們的代碼工作而我的沒有。我的頁面在這裏：http://oaxacankitchenmobile.com。這並不是IE瀏覽器沒有設計風格，圖像根本沒有顯示出來。就像我說的，幻燈片在FF/Safari/Chrome中運行正常。這裏是我的主網頁jCarousellite在IE 6/7/8中不顯示，在Safari/FF/Chrome中很好

<div id="slideshow"> 
    <ul> 
      <li><img title="Picture 1" alt="Picture 1" src="images/slideshow1.jpg" /> 
       <div class="text-bg"></div> 
       <div class="text"> 
        <h2>La Flor de Pi&ntilde;a</h2> 
       </div> 
      </li> 
      <li><img title="Picture 2" alt="Picture 2" src="images/slideshow2.jpg" /> 
       <div class="text-bg"></div> 
       <div class="text"> 
        <h2>Agua Frescas</h2> 
       </div> 
      </li> 
          ...and so on...

我不認爲有什麼不對，我列出圖像的方式上的代碼，因爲它是完全一樣的其他網站。 jQuery加載正常，因爲它適用於其他瀏覽器。我假設我再次正確地初始化代碼，因爲它適用於其他瀏覽器。我使用的jCarousellite代碼與其他網站中的代碼完全相同。

我在想，我的問題必須與我的CSS，但那裏是我卡住了。我無法弄清楚我需要改變什麼來讓幻燈片放映出現在IE中。誰能幫我？下面是相關的CSS：

/*SLIDESHOW*/ 
#slideshow       { width: 900px; height: 350px; border: 1px solid #362626; display: none; margin: 0 auto 28px; } 
    #slideshow ul     { list-style-type: none; margin: 0; } 
    #slideshow img     { width: 900px; height: 350px; } 
    #slideshow li     { width: 900px; height: 350px; position: relative; } 
    #slideshow .text-bg    { position: absolute; bottom: 0; left: 0; width: 900px; height: 58px; background-color: #000; } 
    #slideshow .text    { position: absolute; bottom: 18px; left: 18px; width: 900px; text-align: left; } 
    #slideshow h2     { display: inline; font-size: 18px; line-height: 24px; color: white; font-family: "Baskerville Old Face", serif; } 
    #slideshow h2 a:hover   { text-decoration: none; } 
    #slideshow p     { display: inline; font-size: 13px; margin-left: 7px; }

另外一個位添加到我的無奈：我的jQuery的.load電話不工作這個頁面上，無論是。所以，似乎沒有jQuery腳本在這個頁面上工作。

來源

2011-02-03 cgeehr

的問題，也許問題是75號線在/js/okm.js：

$('#slideshow').jCarouselLite({ 
    visible: 1, 
    speed: 800,    
    auto: 4000, 
    vertical: false, 
    pauseOnHover: true, //<--- 
});

刪除多餘的逗號 - it breaks IE：

pauseOnHover: true

enter image description here

來源

2011-02-03 21:13:38 thirtydot

親愛的上帝。這是我不會再忽視的一個。 6個小時後......謝謝！關於失敗的jquery加載調用的任何想法？ – cgeehr 2011-02-03 22:25:48

我來看看。 – thirtydot 2011-02-03 22:28:01

如果發現圖像耐人尋味，我會建議跑到http://www.enterprisedojo.com/2010/12/19/beware-the-trailing-comma-of-death/它的起源最後張貼:)

來源

2011-02-04 19:35:50 itewk

jCarousellite在IE 6/7/8中不顯示，在Safari/FF/Chrome中很好

回答

相關問題