1

我很难过。首先，这是一个安装在主题上的 Fancybox，而不是插件，其次 - 我还在学习 - 所以非常感谢您的帮助！

Fancybox 需要一个 href 链接来打开/加载 wordpress 帖子中的图像。

我正在使用“获取附加媒体”来获取帖子上的所有图像。

我可以在哪里以及如何创建 Fancybox 的 href 链接以在其中工作？

这是我正在使用的代码：

<div class="img_div">

<?php $media = get_attached_media( 'image', $post->ID );
if(! empty($media)){
foreach ( $media as $attachment ) {
    $full = wp_get_attachment_url( $attachment->ID );
    echo '<img class="image-2" data-fancybox="images" src="'.$full.'" alt="'$attachment->post_title'" />';
  }
 }
?>
</div>

这是 Fancybox 文档：

<a href="image.jpg" data-fancybox="images" data-caption="My caption">
<img src="thumbnail.jpg" alt="" />
</a>

任何帮助都会很棒......我在学习曲线的这一部分上感到困惑。

4

1 回答 1

0

创建指向全尺寸图像的链接，就像您在示例中看到的那样：

<a href="image.jpg" data-fancybox="images" data-caption="My caption">
    <img src="thumbnail.jpg" alt="" />
</a>

例如：

<div class="img_div">
<?php 

    $media = get_attached_media( 'image', $post->ID );

    if ( !empty($media) ) {
        foreach ( $media as $attachment ) {
            $full  = wp_get_attachment_url( $attachment->ID );
            $thumb = wp_get_attachment_url( $attachment->ID, 'thumbnail' );

            echo '<a data-fancybox="images" href="'.$full.'"><img class="image-2" src="'.$thumb .'" alt="'.$attachment->post_title.'" /></a>';
        }
    }
?>
</div>
于 2017-04-19T13:30:48.517 回答