将类添加到特定的特色图像

时间:2015-10-26 作者:Alex

我是WP开发的新手,正在努力完成一些事情:我想只为某些特色图片添加一个特定的CSS类。

具体来说,如果特征图像高于某个维度(比如1000x1000),那么我想向其添加css类“full”。理想情况下,我希望可以手动选择是否添加该类(但也很好奇如何实现自动化)。

我如何才能做到这一点?

谢谢

2 个回复
SO网友:Aric Watson

一种选择是通过javascript在客户端进行操作-设置一些javascript以在页面加载后运行,并循环浏览页面上的所有特色图像,获取它们的维度,然后根据需要添加类。您可以使用img.naturalWidthimg.naturalHeight 图像元素的参数和使用addClass(\'full\') 如果图像的高度和宽度足够大,则添加类。

SO网友:flomei

如果要自动添加,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像素,如果是这样,请将类添加到其中。

可以改进,但应该给你一个关于你可以做什么的想法。

相关推荐