Wordpress中的Fancybox编码 - 图像链接-Java 学习之路

我很难过 . 首先这是一个安装在主题上的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>

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

1 回答

创建指向完整大小图像的链接，就像您在示例中看到的那样：

<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>

回复于 2024-05-01T23:58:11+08:00

Wordpress中的Fancybox编码 - 图像链接

1 回答

相关问题