如何在主滑块中显示页面的所有附加缩略图

时间:2014-05-01 06:46:41

标签: php html wordpress slider

我想在主页的主滑块中显示页面的所有附加图像。我一直在使用以下代码..

            <div class="carousel-inner">


              <?php if(have_posts()) : while (have_posts()) : the_post();?>  

                      <?php
                        $images =& get_children( array (
                          'post_parent' => $post->ID,
                          'post_type' => 'attachment',
                          'post_mime_type' => 'image'
                        ));

                        if ( empty($images) ) {
                          // no attachments here
                        } else {
                              foreach ( $images as $attachment_id => $attachment ) {?>
                                <div class="item active">
                                <img src="<?php echo wp_get_attachment_src( $attachment_id, 'full' ); ?>" alt="First slide">
                                 </div>

                          <?php
                              }
                          }
                      ?>    

                <?php endwhile;else: ?>  
                <?php echo "No slider Images found" ?>
              <?php endif; ?>    


            </div>

但它没有加载图像。我做错了什么请帮帮我

2 个答案:

答案 0 :(得分:0)

这就是我正在做的事情

$args = array(
    'post_parent' => get_the_ID(),
    'post_type' => 'attachment',
    'numberposts' => -1,
    'post_status' => 'any',
);
$attachments = get_posts($args);
foreach ($attachments as $att)
{
     $imgThumb = image_downsize($att->ID, 'slider-image');
     echo $img = '<img src="'.$imgThumb[0].'" alt="'.$att->postitle.'" />';
}

这是代码的一部分(它稍后将图像放在<li>元素中并对它们进行排序等等更复杂 - 但这应该告诉您如何获取图像。

image_downsize是wordpress命令,它接受attachment id及其大小(命名或宽度和高度数组),然后返回具有该大小的图像的路径(如果需要,它还会缩放图像)。

答案 1 :(得分:0)

您正在以错误的方式使用wp_get_attachment_image_src()功能。 这是更正后的代码

           <div class="carousel-inner">


              <?php if(have_posts()) : while (have_posts()) : the_post();?>  

                      <?php
                        $images =& get_children( array (
                          'post_parent' => $post->ID,
                          'post_type' => 'attachment',
                          'post_mime_type' => 'image'
                        ));

                        if ( empty($images) ) {
                          // no attachments here
                        } else {
                              foreach ( $images as $attachment_id => $attachment ) {
$image_attributes = wp_get_attachment_image_src( $attachment_id, 'full'); // returns an array
?>
                                <div class="item active">
                                <img src="<?php echo $image_attributes[0]; ?>" width="<?php echo $image_attributes[1]; ?>" height="<?php echo $image_attributes[2]; ?>">
                                 </div>

                          <?php
                              }
                          }
                      ?>    

                <?php endwhile;else: ?>  
                <?php echo "No slider Images found" ?>
              <?php endif; ?>    


            </div>