杰克逊。我将推荐一些HTML重写,我认为这可能是不可能的,但我认为这可能是解决您的问题的最有效方法。
创建与数据库编码<img>
隐藏图像:
img#imgUtility {
display: none;
}
(CSS和HTML)
<img id="imgUtility" class="galleryImage" alt=""
src="/Utilities/ShowThumbnail.aspx?USM=1&W=350&H=350&
R=1&Img={tag_image_value}" />
然后在页面加载和图像解决了一个实际的URL后,可以在您发布的HTML中将<img>
替换为<span>
,将隐藏标记src
设置为<span>
的背景图像,使用它的内嵌style
属性通过JavaScript:
// galleryBoxLinkTarget should be a reference to the <a> in a div.galleryBox
function imgReplacement(galleryBoxLinkTarget) {
var span = document.createElement("span");
var img = document.getElementById("imgUtility");
span.style.backgroundImage = "url('" + img.getAttribute("src") + "')";
span.className = "imgReplacement";
galleryBoxLinkTarget.appendChild(span);
}
(JavaScript和HTML)
<div class="gallerybox">
<a href="/CustomContentRetrieve.aspx?ID=398791">
<!-- <span> goes here -->
</a>
</div>
然后做一些聪明的CSS'ing的:
span.imgReplacement {
display: block;
background-position: 50% 50%;
background-repeat: no-repeat;
width: 200px;
height: 200px;
}
这应该居中的图片,无论尺寸,以及允许您删除内联width
和height
属性。希望这能为你解决!
无法执行此操作,因为它是使用以下方法从数据库中绘制图像的托管解决方案:并且无法在样式表中使用代码,甚至无法使用style =“”。 – Jackson 2010-02-02 03:06:46
@杰克逊:啊,好的,我明白你的意思了。 – 2010-02-02 03:14:45
@杰克逊:在编辑的想法 – 2010-02-02 03:19:50