2013-03-31 81 views
0

我正在使用wp網站,現在我想要一個帶Aqua-Resizer的滑塊。在Wordpress中使用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> 

這是水族調整器

<?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; ?> 

    .... 

的代碼,我希望你能幫助我。

回答

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/