从生成的缩略图调用精选图像

当前主题设置为根据用户输入（可变高度）生成缩略图。我想通过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

从生成的缩略图调用精选图像

回答

相关问题