我是WP开发的新手,正在努力完成一些事情:我想只为某些特色图片添加一个特定的CSS类。
具体来说,如果特征图像高于某个维度(比如1000x1000),那么我想向其添加css类“full”。理想情况下,我希望可以手动选择是否添加该类(但也很好奇如何实现自动化)。
我如何才能做到这一点?
谢谢
我是WP开发的新手,正在努力完成一些事情:我想只为某些特色图片添加一个特定的CSS类。
具体来说,如果特征图像高于某个维度(比如1000x1000),那么我想向其添加css类“full”。理想情况下,我希望可以手动选择是否添加该类(但也很好奇如何实现自动化)。
我如何才能做到这一点?
谢谢
一种选择是通过javascript在客户端进行操作-设置一些javascript以在页面加载后运行,并循环浏览页面上的所有特色图像,获取它们的维度,然后根据需要添加类。您可以使用img.naturalWidth
和img.naturalHeight
图像元素的参数和使用addClass(\'full\')
如果图像的高度和宽度足够大,则添加类。
如果要自动添加,wp_get_attachment_image_src()
可能对你有帮助。
在循环发生的文件中,可能是索引。php或其他什么,您可以执行以下操作:
$your_image = wp_get_attachment_image_src($postID, \'full\');
echo \'<img src="\'.$your_image[0].\'" \';
if(($your_image[1] >= 1000) && ($your_image[2] >= 1000)) { echo \'class="full"\'; }
else { echo \'class="not-full"; }
echo \' />\';
它将检查您的图像是否更宽且高于1000像素,如果是这样,请将类添加到其中。可以改进,但应该给你一个关于你可以做什么的想法。