Jquery Pikachoose插件在IE中給出不尋常的結果

我在我的頁面上使用Jquery Pikachoose插件來以幻燈片的形式顯示一些圖片。Jquery Pikachoose插件在IE中給出不尋常的結果

但是，在IE瀏覽器中，而不是幻燈片的圖像，它在全視圖中打開同一頁面中的圖像。

有趣的是，如果在腳本打開圖像之前，如果我通過單擊縮略圖來自己改變幻燈片，那麼從這一點開始，它就可以正常工作。

如何解決這個

我從數據庫中讀取圖像名稱，並顯示類似下面的

echo 
'<div id="slideShow" class="sublayout pikachoose"> 
    <ul id="pikame">'; 
     while($row = mysql_fetch_array($result)) { 
      extract($row); 
      echo 
      '<li> 
       <a href="images/slideshow/'.$image.'"> 
         <img src="images/slideshow/th_'.$image.'" title='.$title.' alt='.$title.'/> 
       </a> 
       <span>'.$title.'</span> 
      </li>'; 
     } 
    echo 
    '</ul> 
</div>';

這是pikachoose.js

var defaults = { 
     show_captions: true, 
     auto_play: true, 
     show_prev_next: true, 
     slide_speed: 5000, 
     thumb_width: 26, 
     thumb_height: 20, 
     buttons_text: { play: "", stop: "", previous: "Previous", next: "Next" }, 
     delay_caption: true, 
     user_thumbs: false, 
     transition:[-1], 
     IESafe: true 
    };

我pikachoose選擇我初始化插件使用這個（也在單獨的文件中）

$(document).ready(function(){ $("#pikame").PikaChoose({auto_play:true, IESafe: true}); });

在其他瀏覽器

工作正常

發現

如果我刪除<a>的<img>，該停止腳本打開圖像
在官方網頁提供的演示也表現得像這

來源

2010-06-10 Starx

你可以驗證你正在使用哪個版本的pikachoose？ 3.1？ 3.3？ – 2010-06-17 05:02:55

@nathan gonzalez，它的3.3 – Starx 2010-06-17 05:51:08

哪個IE版本會失敗？他們全部？ – GmonC 2010-06-20 02:11:10

你試過設置img標籤的高度/寬度？繞過IE7 Quirks。

來源

2010-07-07 21:00:21

實際上，如果我從鏈接的「href」部分刪除鏈接，它將不會觸發。可能在腳本內部的某處，Pikachoose在IE中使用點擊方法進入下一張幻燈片，我甚至試圖找出它，但目前爲止沒有運氣。 – Starx 2010-07-08 03:22:38

嘗試添加/刪除/更改HTML文檔的DOCTYPE，因爲我看到由於文檔類型設置導致的IE問題。

另外，儘量去除img標籤（）

的結束斜槓如果以上兩種作品的，然後比較有效的演示和文檔類型，以便看到，如果你錯過了正確的DOCTYPE標籤...

來源

2010-07-15 11:59:49 Samnan

哪個實際的IE（有3個在使用中）？根據不同的版本，你可以讓用戶尖叫，讓它切換到「兼容模式」。此外，如果你可以確保你有嚴格的XHTML格式（標題和ALT在你的代碼段中沒有雙引號），包括可能有幫助的DOCTYPE。嘗試使用空的標籤爲第一個圖像（只是一個沒有內容，你可以給它一個空白/ transpatent圖片在href，如果你想）

來源

2010-07-29 13:08:49 ZXX

是的，我已經嘗試過使用doctype，並且錯誤幾乎在每個版本中 – Starx 2010-07-29 15:25:49

Jquery Pikachoose插件在IE中給出不尋常的結果

回答

相關問題