Question

我正在使用Bootstrap Wrapper的预先设计的Bootstrap 3.0主题，并将其整合到Wordpress主题中。 Bootstrap站点使用vegas.js作为网站上的标题背景/幻灯片功能。当我将它全部放在一个根文件夹上时，它工作得很好，但是当我将它合并到一个Wordpress主题中时，显示背景图像的div显示了url（'site'/ none）。有关为什么会发生这种情况的任何线索？我已经在Wordpress网站的页脚中包含了vegas.js。

继承HTML输出和jQuery代码：

HTML输出：

<div class="vegas-loading></div>
<div class="vegas-overlay" style="margin: 0px; padding: 0px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-image: url(http://katecolfeltwp/none);"></div>

Vegas jQuery： / * VEGAS Home Slider * /

    $.vegas('slideshow', {
          backgrounds:[

            { src:'../img/slider/01.jpg', fade:1000 },
            { src:'../img/slider/02.jpg', fade:1000 },
            { src:'../img/slider/03.jpg', fade:1000 },
            { src:'../img/slider/04.jpg', fade:1000 }
          ]
        })('overlay', {
          src:'none'
        });
        $( "#vegas-next" ).click(function() {
          $.vegas('next');
        });
        $( "#vegas-prev" ).click(function() {
          $.vegas('previous');
    });

如果您有任何建议我会非常感激。我也用过

 <?php echo get_template_directory_uri(); ?>

位于图片网址的前面并且遇到了同样的问题。

Vegas.js没有在Wordpress主题上正确显示背景

0 个答案: