javascript - 在 wordpress 中向自定义 php 模板添加 slider 的问题

Question

尝试使用 php 模板将 slider 添加到简单的自定义登录页面。这是我正在使用的代码:

 <?php
        /* Template Name: Custom Home Page */
        get_header();
    ?>

<?php get_header(); ?>
<div id="main_wrapper">  
        <div id="featured_area"> 
<div id="feature_slider">  
        <ul>  
        <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider-1.jpg" alt="First Slide" /></a></li>  
        <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider-2.jpg" alt="Second Slide" /></a></li>  
        <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider-3.jpg" alt="Third Slide" /></a></li>  
        <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider-4.jpg" alt="Fourth Slide" /></a></li>  
        </ul>  
    </div>  

        </div>  
        <div id="column_wrapper">  
            <div class="column">  
  <?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('left_column')) : else : ?>  
        <p><strong>Widget Ready</strong></p>  
        <p>This left_column is widget ready! Add one in the admin panel.</p>  
    <?php endif; ?>     
            </div>  
            <div class="column">  
     <?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('center_column')) : else : ?>  
        <p><strong>Widget Ready</strong></p>  
        <p>This center_column is widget ready! Add one in the admin panel.</p>  
    <?php endif; ?>     
            </div>  
            <div class="column">  
   <?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('right_column')) : else : ?>  
        <p><strong>Widget Ready</strong></p>  
        <p>This right_column is widget ready! Add one in the admin panel.</p>  
    <?php endif; ?>       
            </div>  
        </div>  
    </div>  
<?php get_footer(); ?>  

slider 正在滑动，仅显示 alt 标签...请自行查看:http://onlinebettingguide.org/custom/您能给我的任何帮助将不胜感激。谢谢。

Answer 1

slider 有效，代码有效，但图像不存在。

http://onlinebettingguide.org/wp-content/themes/sportedge-parent/images/slider-1.jpg等人返回 404 错误。

您服务器上的图像在数字前有一个空格，而不是连字符。这将解决您的问题:

    <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider 1.jpg" alt="First Slide" /></a></li>  
    <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider 2.jpg" alt="Second Slide" /></a></li>  
    <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider 3.jpg" alt="Third Slide" /></a></li>  
    <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider 4.jpg" alt="Fourth Slide" /></a></li>