wordpress滑块无法正常工作

时间:2015-06-02 19:30:06

标签: html wordpress slider

我有一个Html页面,其中有一个滑块。这里是html代码

<div data-src="images/page1_slide01.jpg">
        <div class="camera_caption fadeIn">
          <div class="container">
            <div class="camera-text bg01">
              <div class="camera-text_inner">
                <h2>“Black Horse”</h2>
                <h5>by Mark Oswald</h5>
                <p>Ret iusto odio dignissim qui blandit praesent luptaum zzelenit augue duis dolore te feugait nulla facilisi. Typi non habent claritatem insita</p>
                <a class="btn" href="#">More</a>
              </div>
            </div>
          </div>
        </div>
      </div>

我正在尝试将此页面转换为wordpress。

<div data-src="<?php bloginfo('template_url'); ?>/images/page1_slide01.jpg">
        <div class="camera_caption fadeIn">
          <div class="container">
            <div class="camera-text bg01">
              <div class="camera-text_inner">
                <h2>“Black Horse”</h2>
                <h5>by Mark Oswald</h5>
                <p>Ret iusto odio dignissim qui blandit praesent luptaum zzelenit augue duis dolore te feugait nulla facilisi. Typi non habent claritatem insita</p>
                <a class="btn" href="#">More</a>
              </div>
            </div>
          </div>
        </div>
      </div>

但我的滑块无法使用任何图像 请帮我让我的滑块工作。

此外,在源代码中,图像路径正确显示,显示无。

感谢。

2 个答案:

答案 0 :(得分:0)

尝试更改

bloginfo('template_url')

echo get_bloginfo('template_directory');

答案 1 :(得分:0)

使用它 body{ margin: 0; } article:before { clear: left; } article { border: 2px solid #ccc; float: left; padding: 0; margin: 0; }