更多操作
![]() Null(留言 | 贡献) (创建页面,内容为“→这里的任何JavaScript将为所有用户在每次页面加载时加载。: // 获取所有符合条件的图片 const images = document.querySelectorAll('img[src*="www.guohao.asia"]'); // 遍历图片并调整样式 images.forEach(img => { // 获取图片的实际宽度 const naturalWidth = img.naturalWidth; // 根据图片宽度设置样式 if (naturalWidth < 450) { img.style.maxWidth = 'none'; // 移除最大宽度限制 i…”) |
小 |
||
第10行: | 第10行: | ||
// 根据图片宽度设置样式 | // 根据图片宽度设置样式 | ||
if (naturalWidth < | if (naturalWidth < 600) { | ||
img.style.maxWidth = 'none'; // 移除最大宽度限制 | img.style.maxWidth = 'none'; // 移除最大宽度限制 | ||
img.style.width = 'auto'; // 使用图片的实际宽度 | img.style.width = 'auto'; // 使用图片的实际宽度 |
2025年3月14日 (五) 10:40的版本
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
// 获取所有符合条件的图片
const images = document.querySelectorAll('img[src*="www.guohao.asia"]');
// 遍历图片并调整样式
images.forEach(img => {
// 获取图片的实际宽度
const naturalWidth = img.naturalWidth;
// 根据图片宽度设置样式
if (naturalWidth < 600) {
img.style.maxWidth = 'none'; // 移除最大宽度限制
img.style.width = 'auto'; // 使用图片的实际宽度
} else {
img.style.width = '80%'; // 宽度大于等于450px时,设置为父容器的80%
}
});