Wordpress中的Fancybox编码 - 图像链接

时间:2017-04-15 19:31:16

标签: php wordpress fancybox fancybox-3

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

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

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

我在哪里以及如何为Fancybox创建href链接?

这是我正在使用的代码:

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

这就是Fancybox文档:

{{1}}

任何帮助都会令人惊叹......我对学习曲线的这一部分感到困惑。

1 个答案:

答案 0 :(得分: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>