2013-09-30 165 views
0

我正在用旋轉木馬創建一個網站。要加載圖片,我在Wordpress上使用了高級自定義字段。高級自定義字段wordpress image size

這裏是我的代碼:

<?php $images = get_field('slides', $post->ID); 
// clean_print_r($images); 
if (!empty($images)) : 
?> 
<div class="wide-container"> 
    <div id="slides"> 
     <ul class="slides-container"> 
     <?php for($i = 0; $i < count($images); $i++): ?> 
     <!-- slides --> 
      <li> 
       <img src="<?php echo $images[$i]['img_slide']['sizes']['large'] ?>" alt="" /> 
      </li> 
     <?php endfor; ?> 
     </ul> 
    </div> 
</div> 
<?php endif; ?> 

我可以加載圖像,但它們在1,024像素寬尺寸:

<img src="http://example.com/wp-content/uploads/2013/09/bg_header03-1024x341.jpg" ... /> 

有沒有什麼辦法讓全尺寸的圖像?我試圖取代:

['img_slide']['sizes']['large'] 

['img_slide']['sizes']['full'] 

但是,這並不工作,沒有圖像加載。 在ACF中,我通過ID調用圖像附件,它是一箇中繼器字段。

+0

任何人?幫幫我 :) –

回答

0

林不知道如何與返回ID,但如果你返回的URL,而不是你得到完整的形象。

編輯: 好吧,我做了一些與圖像ID的測試,而不是像你混淆了你的數組處理莫名其妙。這適用於單個圖像:雖然應該很容易適應您的中繼器。

$attachment_id = get_field('slide'); 
$size = "full"; 


$image = wp_get_attachment_image_src($attachment_id, $size); 
echo '<img src="' . $image[0] . '">'; 

//OR 

$image = wp_get_attachment_image($attachment_id, $size); 
echo $image[0]; 
1

我以前的回答是關於返回:圖像ID,由線程啓動程序指定,但現在我知道他實際上是在談論return:object。

/* 
* Return value = Object 
* requires ACF 3.3.7+ 
*/ 

$image = get_field('image'); 

var_dump($image); 

/* 

Data returned will look like this: 

Array 
(
    [id] => 540 
    [alt] => A Movie 
    [title] => Movie Poster: UP 
    [caption] => sweet image 
    [description] => a man and a baloon 
    [url] => http://localhost:8888/acf/wp-content/uploads/2012/05/up.jpg 
    [sizes] => Array 
     (
      [thumbnail] => http://localhost:8888/acf/wp-content/uploads/2012/05/up-150x150.jpg 
      [medium] => http://localhost:8888/acf/wp-content/uploads/2012/05/up-300x119.jpg 
      [large] => http://localhost:8888/acf/wp-content/uploads/2012/05/up.jpg 
      [post-thumbnail] => http://localhost:8888/acf/wp-content/uploads/2012/05/up.jpg 
      [large-feature] => http://localhost:8888/acf/wp-content/uploads/2012/05/up.jpg 
      [small-feature] => http://localhost:8888/acf/wp-content/uploads/2012/05/up-500x199.jpg 
     ) 

) 

*/ 

來源:http://www.advancedcustomfields.com/resources/field-types/image/

因此很明顯,原始圖像是不是一個大小,但URL,因此改變:

['img_slide']['sizes']['large'] 

['img_slide']['url'] 

,你應該罰款

相關問題