從生成的縮略圖調用精選圖像

當前主題設置爲根據用戶輸入（可變高度）生成縮略圖。我想通過prettyphoto將此縮略圖鏈接到全尺寸的特色圖片。當前代碼調用生成的拇指：從生成的縮略圖調用精選圖像

<?php 
    //if our user has a post thumbnail 
    //out featured image URL 
$src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); 
?> 

<?php if($src[0] != '') : //if user has featured image ?> 
<img src="<?php echo ddTimthumb($src[0], $contentW, get_post_meta($post->ID, 'postThumbHeight', true)); ?>" alt="<?php the_title(); ?>" />

來源

2013-12-17 MikeP

您可以使用這只是根據您的需要修改類和其他屬性。

<?php 
    if (has_post_thumbnail()) { 
     $large_image_url = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full'); 
     echo '<a rel="prettyPhoto" href="' . $large_image_url[0] . '" title="' . the_title_attribute('echo=0') . '" >'; 
     the_post_thumbnail(); 
     echo '</a>'; 
    } 
?>

來源

2013-12-17 07:35:49 Nishant

接近，但不正是我一直在尋找。您的修復將完整版本放在頁面上。我正在尋找具有鏈接的頁面上的縮略圖，以便用戶打開到完整大小。所以縮略圖是img src，而href鏈接是具有prettyphoto類的全尺寸圖像。 – MikeP

這正是它是什麼，就像我說的修改它以滿足您的需求... 您需要爲rel =「prettyphpto」安裝prettyphoto插件才能使其工作您的小縮略圖將顯示在頁面上，但您需要在這裏添加您的縮略圖名稱'the_post_thumbnail（'my-thumbnail'）;'我的縮略圖是您在函數文件 – Nishant

中定義的縮略圖的尺寸完全錯過了。完美地工作。謝謝。 – MikeP

其實我用我的項目之一同樣的事情看到的代碼鏈接，看看是否可以幫助你:)再次不要指望它通過複製粘貼工作，這只是給你知道這是修改您的需要:)

Link to pastebin for code sample（或見下文）

<div class="row" id="gallery-main"> 
    <?php $args = array(
     'post_type' => 'portfolio', 
     'orderby' => 'menu_order', 
     'order' => 'ASC', 
     'posts_per_page' => -1, 
     ); 
    query_posts($args); if (have_posts()) : while (have_posts()) : the_post(); ?> 
     <div class="span4 portfolio-item"> 
      <?php 
      if (has_post_thumbnail()) { 
       $large_image_url = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full'); 
       echo '<a class="image-link pi-img" rel="prettyPhoto" href="' . $large_image_url[0] . '" title="' . the_title_attribute('echo=0') . '" >'; 
       the_post_thumbnail('portfolio-listing'); 
       echo '<div class="hover-style"></div></a>'; 
      } 
      ?>     
     </div> 
    <?php endwhile;endif; ?> 
    <?php wp_reset_query(); ?> 
</div>

來源

2013-12-17 17:23:14 Nishant

從生成的縮略圖調用精選圖像

回答

相關問題