Javascript 将特定CSS应用于指定大小的图像
这是我的困境;我正在开发一个简单的iPhone站点(它是我博客的一个端口)。我有这个问题,;为了让我的博客看起来至少有点好看,我需要在每一张超过一定尺寸的图片周围放置一个边框,然后中心显示图片Javascript 将特定CSS应用于指定大小的图像,javascript,iphone,css,Javascript,Iphone,Css,这是我的困境;我正在开发一个简单的iPhone站点(它是我博客的一个端口)。我有这个问题,;为了让我的博客看起来至少有点好看,我需要在每一张超过一定尺寸的图片周围放置一个边框,然后中心显示图片 该网站的内容实际上是一个RSS提要,使用一些简单的javascript和一些CSS进行显示。CSS位是我现在正在努力的。任何帮助都将不胜感激(我对javascript相当陌生,所以如果你稍微详细说明一下,我真的不会感到屈尊)。我会详细说明。Javascript(使用jQuery完成)将在页面上的每个图像加
该网站的内容实际上是一个RSS提要,使用一些简单的javascript和一些CSS进行显示。CSS位是我现在正在努力的。任何帮助都将不胜感激(我对javascript相当陌生,所以如果你稍微详细说明一下,我真的不会感到屈尊)。我会详细说明。Javascript(使用jQuery完成)将在页面上的每个图像加载后进行迭代。如果图像的高度或宽度超过300,则会将“超大”类附加到父级。将脚本中的300个实例更改为您认为超大的。 CSS基本上只包含
文本对齐:居中
将图像居中放置在
中,然后放置图像的边框
Javascript
CSS
JavaScript第1课:它与Java不同。我已经更新了标签:)妈的,我真的在标签上说了“Java”吗?——————————————————————————————————————————————————————我真的懂java。那太尴尬了。抱歉,要实现jquery,我只需下载它,然后从index.html文件中调用它,对吗?是的,要实现jQuery,您需要以这种方式链接到它,orientation.js是jQuery.js的路径
$(document).ready(function() {
$('img').each(function(e) {
if (($(this).height() > 300) || ($(this).width() > 300)) {
$(this).parent().addClass('oversized');
}
});
});
.oversized { /* make the image align to center */
text-align: center;
}
.oversized * { /* Anything in the oversized div will have a border (the image) */
border: 1px solid black;
}