在Wordpress中的滑块与Aqua-Resizer

时间:2013-03-31 16:51:15

标签: php wordpress slider attachment

我正在开发一个wp网站,现在我想要一个带Aqua-Resizer的滑块。

我的滑块目前工作正常。但我无法弄清楚如何将Aqua-Resizer添加到代码中。

以下是我滑块的代码。

<div id="slides">
<div class="slides_container">
    <?php
        query_posts('post_type=sliders&p=sliderhome'); // this calls our custom post type of 'sliders' and post id
            if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
                <?php
                $attachments = attachments_get_attachments();
                $total_attachments = count($attachments);
                if( $total_attachments > 0 ) {

                    for ($i=0; $i < $total_attachments; $i++)
                    {
                    echo '<div><img src="' . $attachments[$i]['location'] . '" alt="' . $attachments[$i]['title'] . '" class="imgradius" /></div>';
                    }

                 } ?>
            <?php endwhile; else: ?>
        <?php endif;
    wp_reset_query();
    ?>
</div>  
</div>

这是Aqua-Resizer的代码

<?php

$thumb = get_post_thumbnail_id();
$img_url = wp_get_attachment_url( $thumb,'full' ); //get full URL to image (use "large" or "medium" if the images too big)
$image = aq_resize( $img_url, 560, 310, true ); //resize & crop the image

?>

<article <?php post_class()?> id="post-<?php the_ID(); ?>">

    <?php if($image) : ?>
        <img src="<?php echo $image ?>"/>
    <?php endif; ?>

    ....

我希望你能帮助我。

1 个答案:

答案 0 :(得分:0)

试试这个

将以下行包含在functions.php

 require_once('aq_resizer.php');

将代码更改为

for ($i=0; $i < $total_attachments; $i++)
{
    echo '<div><img src="' . **aq_resize($attachments[$i]['location'], 560, 310, true )** . '" alt="' . $attachments[$i]['title'] . '" class="imgradius" /></div>';
}

参考:http://www.wpsquare.com/resize-images-wordpress-using-aqua-resizer/