如何获取图集每张图片的尺寸参数?这对用photoswipe插件的朋友来说,简直就是福音。因为photoswipe的data-size=""
中的图片宽度和高度为必填项,不填就没效果。
所以到底如何获取图片集中每张图片的尺寸参数呢?步骤很简单,首先对图片集进行分割,然后利用getimagesize
函数获取图片信息参数。
代码如下:
<?php $picr=explode(egetzy('rn'), $navinfor[morepic]); for($p=0;$p<count($picr);$p++) { $spicr=explode("::::::",$picr[$p]); $pic=str_replace($public_r[newsurl],"",$spicr[1]); $picinfo=getimagesize(ECMS_PATH.$pic); ?> <a href="<?=$spicr[0]?>" data-size="<?=$picinfo[0]?>x<?=$picinfo[1]?>"><img src="<?=$spicr[1]?>" alt="<?=$spicr[2]?>" /><figure><?=$spicr[2]?></figure></a> <?php } ?>
说明:
<?=$spicr[0]?>
为分割出的大图;
<?=$spicr[1]?>
为缩略图;
<?=$spicr[2]?>
为图片说明。
<?=$picinfo[0]?>
为图片宽度;
<?=$picinfo[1]?>
为图片高度;
<?=$picinfo[bits]?>
为图片大小。
说到这里顺便提一句,photoswipe插件的上述代码,在移动端的显示条件中,不只需要data-size
参数,还需要data-med
参数,否则某些移动端就无法正常显示。
所以,代码中关于图片链接的写法应该如下:
<a href="1.jpg" data-size="宽x高" data-med="1.jpg" data-med-size="宽x高"><img src="1.jpg" alt=" " /><figure>图片标题</figure></a>
声明:原文出自//article.nxpop.com/cms/1604.html ,文章观点仅代表原作者,转载请注明出处。
新网巢是非商业性和非盈利性的个人运营网站,文章仅供个人站长及爱好者学习交流使用,如涉及侵权,烦请告知,以便及时删除。