Question

我一直在寻找所有昨天和今天的大部分时间来寻找解决方案但没有提出任何建议。我正在为客户创建一个单词新闻网站。我使用Galleria作为主页面滑块。我没有使用wordpress插件版本，而是使用可从网站下载的jQuery版本。

在视觉上它在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>

非常感谢任何解决方案。

Answer 1

在控制台中，我收到以下错误：

未捕获TypeError：对象[object Object]没有方法'galleria'

此错误让我误以为您错误地初始化了Galleria插件。在您的代码中，您使用以下内容：

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

我跳到了他们的网站，对他们documentation采取了一个雄鸟。看来他们建议您执行以下操作来初始化Galleria。

Galleria.run('#galleria');或在您的情况下，它将是Galleria.run('div.slide');

另一方面，我注意到您在网站上包含了三个独立的JavaScript库/框架（Prototype，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
    });
});

wordpress中的Galleria插件不在ie或chrome中工作

1 个答案: