2013-04-12 86 views
0

我一直在尋找所有昨天和今天的大部分,以找到解決方案,但沒有拿出任何東西。我正在爲客戶創建一個詞語新聞網站。我使用Galleria作爲主頁滑塊。我沒有使用wordpress插件版本,而是可以從網站下載的jQuery版本。在wordpress中的環球免稅店插件不工作在ie或鉻

它在FF和手機上的視覺效果很好。但是在FF錯誤控制檯中,它說scriptaulous需要原型1.6或更高版本。在Chrome瀏覽器中,如果它工作與否,它是一個50/50的鏡頭,而在IE 9和IE 10中,它似乎要在舞臺左上角形成一個小圖像,或者在右下角切下一個大圖像,但仍然有轉場。我也收到了不會加載到其他人的機器上的消息。

我試圖鏈接到prototype.js文件以及添加jQuery.noConflict(),但沒有運氣。

我也嘗試編輯Galleria初始化爲jQuery而不是$和其他一些變體的代碼。以下是網站和代碼片段。

www.penandpixelmedia.com/Zareh

 <script> 
     Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js'); 
     $("div.slide").galleria({ 
      width:1400, 
      height:620, 
      transition: 'fade', 
      showInfo: false, 
      autoplay: 4000, 
      lightbox:true, 
      showImagenav:false, 
      imageCrop:'landscape', 
      thumbnails:false 
     }); 

     </script> 

任何解決方案,將不勝感激。

回答

0

在控制檯中,我收到以下錯誤:

遺漏的類型錯誤:對象的翻譯:有沒有方法「廣場」

這個錯誤使我相信,你是初始化的Galleria插件不正確。在你的代碼使用的是以下幾點:

$("div.slide").galleria(); 

我翻過他們的網站並採取甘德在他們documentation。看起來,他們建議您按照以下步驟初始化Galleria。

Galleria.run('#galleria');或在您的情況下,將Galleria.run('div.slide');

在另一方面,我注意到您已經包含三個獨立的JavaScript庫/網站上的框架(原型,Scriptaculous的,和jQuery)。這可能會導致庫之間出現一些打嗝/衝突。

此外,您可以指定與初始化此插件分開的選項。以下是您需要初始化插件並根據需要配置的代碼:

var jQ = jQuery.noConflict(); 
jQ(function(){ 
    Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js'); 
    Galleria.run('div.slide'); 
    Galleria.configure({ 
     width:1400, 
     height:620, 
     transition: 'fade', 
     showInfo: false, 
     autoplay: 4000, 
     lightbox:true, 
     showImagenav:false, 
     imageCrop:'landscape', 
     thumbnails:false 
    }); 
}); 
+0

謝謝!在糾正錯誤方面做了竅門,但是仍然存在奇怪的佈局問題,例如 –

+0

@MathewForsyth Prototype,Scriptaculous和jQuery - 我還用附加信息更新了我的答案。 –

+0

我做了這個 Galleria.run(「div。滑動」,{ 寬度:1400, 高度:620, \t \t \t \t過渡: '淡入', \t \t \t \t showInfo:假, \t \t \t \t自動播放:4000, \t \t \t \t收藏夾: true, showImagenav:false, imageCrop:'landscape' }); }); –