- <?php
- wp_enqueue_script('view-image.min');//加载灯箱脚本
- preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $post->post_content, $thePics );
- $allPics = count($thePics[1]);
- if($allPics > 0 ){
- foreach($thePics[1] as $key => $value){?>
- <li class="Ispic" style="background-image:url(<?php echo $value;?>);float: left;display: inline-block;vertical-align: top;width: 23.02rem;margin: .06rem;background: #fff;border-radius: 6px;">
- <img src="<?php echo $value;?>">
- </li>
- <?php }}?>
说明:
- <?php the_title(); ?> 标题
- <?php echo $value;?>图片链接
效果:循环调取文章中的所有图片并循环li标签
- 我的微信
- 有问题可随时与我联系
-
- 微信小程序
- 随时随地查看文章
-