Wordpress滑块不工作

Question

我有一个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>

但是我的滑块不工作与无图像请帮助我使我的滑块工作。

同样在源代码图像路径显示正确显示显示无。

谢谢。

Answer 1

尝试更改

bloginfo('template_url')

echo get_bloginfo('template_directory');

Answer 2

使用它<div data-src="<?php echo esc_url(get_template_directory_uri()); ?>/images/page1_slide01.jpg">