这里所说的不是遍历文章内容里的图片地址来获取所有图片,而且获取上传到当前文章的媒体库的所有图片,因为有时候我们回去单独做一个相册,而文章内容里的图片可能有其他不相干的图片存在,所有获取上传到当前文章的媒体库图片是最合适的。
封面
下面的代码是通过获取所有图片来弄一个类似淘宝产品图切换的效果,swiper版本是4.5。

function MBThemes_thumbnail_gallery(){
global $post;
$attachments = get_posts(array(
'post_type' => 'attachment',
'posts_per_page' => 6,
'post_status' => 'any',
'post_parent' => $post->ID
));
if ($attachments){
$count = count($attachments);
if($count){
?>
<link rel="stylesheet" href="<?php bloginfo('template_url');?>/static/css/swiper.min.css">
<div class="swiper-container gallery-top" id="gallery-top<?php echo $post->ID;?>">
<div class="swiper-wrapper">
<?php 
foreach ($attachments as $attachment){
echo '<div class="swiper-slide"><img src="'.wp_get_attachment_url($attachment->ID).'"></div>';
}
?>
</div>
</div>
<div class="swiper-container gallery-thumbs" id="gallery-thumbs<?php echo $post->ID;?>">
<div class="swiper-wrapper">
<?php 
foreach ($attachments as $attachment){
echo '<div class="swiper-slide"><img src="'.wp_get_attachment_url($attachment->ID).'"></div>';
}
?>
</div>
</div>
<script src="<?php bloginfo('template_url');?>/static/js/swiper.min.js"></script>
<script>
var galleryThumbs = new Swiper('#gallery-thumbs<?php echo $post->ID;?>', {
spaceBetween: 10,
slidesPerView: <?php echo ($count>6)?$count:6;?>,
freeMode: true,
autoHeight: true,
watchSlidesVisibility: true,
watchSlidesProgress: true,
});
var galleryTop = new Swiper('#gallery-top<?php echo $post->ID;?>', {
spaceBetween: 10,
thumbs: {
swiper: galleryThumbs
}
});
</script>
<?php 
}
}
}

 

常见问题FAQ

源码会提供后续更新服务吗?
只要是源码有了新的版本发布,且被本站或在本站投稿的朋友获得了,那么我们就会发布出来,凡是vip会员都可享受免费下载更新的权限!
提示下载完但解压或打开不了?
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
本站源码是否支持退款?
本站属于自动发货下载,大部分来自于网络共享,还有一部分源码是本站会员发布的以及站长原创的,源码是虚拟产品一旦购买是不支持退款的,感谢同行以及尊贵的会员理解!
本站源码是否可以商用?
本站所有源码版权归原作者所有,中文源码提供的源码只能用于学习研究,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
所有源码是否100%完整可运营?
我们只是源码的搬运工,因为时间、精力、条件和源码的复杂程度等诸多因素的限制,导致我们无法去对每一套源码都去做一个全面且深入的测试,所以我们无法保证站内所发布的源码全部都100%完整可运营,所以关于此问题就无法给大家做出任何承诺了。
本站解压密码多少?
若无特别声明,本站解压密码统一为:www.ilingku.com

发表评论

×
开通VIP 享更多特权,建议使用QQ登录