我需要在主页上使用Roots 带有指向一个带有短代码的页面的链接的主题。必须使用将库作为列表项加载BX Slider\'使用jQuery创建旋转木马。HTML代码：

<ul class="bxslider">

  <li><img src="http://placehold.it/750x150" /></li>

  <li><img src="http://placehold.it/750x150" /></li>

  <li><img src="http://placehold.it/750x150" /></li>

  <li><img src="http://placehold.it/750x150" /></li>

</ul>

滑块本身已在工作。现在，我想从主图库加载图像，并在图像下方添加标题

有一段时间了，现在我有了这个代码：

//http://codex.wordpress.org/Function_Reference/get_post_gallery_images
    function pw_show_gallery_images( $content ) {
        global $post;
        // Only do this on singular items
        if( ! is_singular() )
            return $content;
        // Make sure the post has a gallery in it
        if( ! has_shortcode( $post->post_content, \'gallery\' ) )
            return $content;
        // Retrieve the first gallery in the post
        $gallery = get_post_gallery_images( $post );
        $image_list = \'<ul class="bxslider">\';
        // Loop through each image in each gallery
        foreach( $gallery as $image ) {

            $image_list .= \'<li><a href="\' . $image . \'"><img src="\' . $image . \'" /></a></li>\';
        }
        $image_list .= \'</ul>\';

return $image_list;
     }
//http://codex.wordpress.org/Function_Reference/add_shortcode
     function footag_func( $atts ) {
          return "foo = {$atts[\'foo\']}";
     }
     add_shortcode(\'footag\', \'pw_show_gallery_images\'); 

问题是它没有正确显示。图像已加载，但它们显示为小拇指，而它们应该覆盖滑块的宽度。我还需要加载标题。如何在幻灯片下方显示带有标题的图像，并将它们链接到同一页面，并使用具有适当大小和标题的快捷码加载它们？

                <?php 
                $images = rwmb_meta( \'gallery\', \'type=image\' );
foreach ( $images as $image )
{
echo "<a href=\'{$image[\'\']}\' title=\'{$image[\'title\']}\' rel=\'thickbox\'><img src=\'{$image[\'full_url\']}\'  alt=\'{$image[\'alt\']}\' /></a>";
}

            ?>