我一直在尋找所有昨天和今天的大部分,以找到解決方案,但沒有拿出任何東西。我正在爲客戶創建一個詞語新聞網站。我使用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>
任何解決方案,將不勝感激。
謝謝!在糾正錯誤方面做了竅門,但是仍然存在奇怪的佈局問題,例如 –
@MathewForsyth Prototype,Scriptaculous和jQuery - 我還用附加信息更新了我的答案。 –
我做了這個 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' }); }); –