将FancyBox与多个缩略图插件相结合

时间:2014-01-14 作者:clestcruz

我将fancybox(jquery)与多个post缩略图插件相结合。基本上,这个想法是当用户点击特色图片帖子时,它会在次要特色图片上显示该图片。这是我正在编写的代码。

     <?php query_posts(\'posts_per_page=-1&cat=10\'); if(have_posts()) : while(have_posts()) :the_post(); ?>
            <div class="collections_thumbnails">

              <a class="fancybox" href="<?php MultiPostThumbnails::get_the_post_thumbnail(get_post_type, \'secondary-image\'); ?>"><?php if ( has_post_thumbnail()) { $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), \'large\'); echo \'<img src="\' . $large_image_url[0] . \'" title="\' . the_title_attribute(\'echo=0\') . \'">\';  } ?></a>
              <div class="hover_dress">
                <h3><a class="dress_title" href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
              </div>
            </div>
    <?php endwhile; endif; wp_reset_query();?>
现在的问题是,每当我单击特征时,它都会在fancybox中显示特征图像,而不是次图像,并且一旦我关闭fancybox,特征图像就会消失。有没有人在用fancybox创建帖子特色图片时尝试过这种方法。

下面是输出的屏幕截图

enter image description here

这是在次映像中设置的屏幕截图

enter image description here

这是我目前正在建立的网站的链接-

http://digitalspin.ph/pluma/?page_id=8

http://i255.photobucket.com/albums/hh140/testament1234/second-image_zpsfb2bd810.jpg

1 个回复
SO网友:clestcruz

在玩了很多代码之后,我自己设法得到了结果。以下是工作代码:)

<div class="collections_dresses_container">

            <?php query_posts(\'posts_per_page=-1&cat=10\'); if(have_posts()) : while(have_posts()) :the_post(); ?>
            <div class="collections_thumbnails">

<?php 
    $imgID = get_post_thumbnail_id();
    $url = MultiPostThumbnails::get_post_thumbnail_url(get_post_type(), \'secondary-image\');
?>


              <?php if ( has_post_thumbnail()) { $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), \'large\'); echo \'<a class="fancybox" href="\' . $large_image_url[0] . \'"><img src="\' . $large_image_url[0] . \'" title="\' . the_title_attribute(\'echo=0\') . \'"></a>\';  } ?>

              <div class="hover_dress">
                <a class="fancybox" href="<?php echo $url; ?>"><span><?php the_title(); ?></span></a>
              </div>
              <?php /*
              <div class="hover_dress">
                <h3><a class="dress_title" href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
              </div>
              */ ?>

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

</div>

结束

相关推荐

如何从自定义CMS到WP进行CDV

我正在与客户合作,将他们的内容从自定义CMS移动到WP。他们给我发了这个csv来工作。https://dl.dropboxusercontent.com/u/54924720/TOTD_SCRAPE_TAKE1_.csv我过去所做的唯一csv到WP的导入来自其他WP安装。我有几个问题。我可以在这些字段现在的形状中使用这些字段的内容吗?我是否需要让他们在没有HTML的字段中以文本形式重新发送内容?很多HTML都是格式化的——看起来我们不会在帖子中导入这种格式,而是现在在主题中处理这种格式。例如,我认为WP不