Javascript:在新窗口中打开背景图像
Javascript: open background image in new window
我有一些简单的代码,可以在新窗口中打开嵌入的img:
<img onclick="window.open(this.src, 'child'); return true;" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAYE">
现在我正在寻找同样的技巧,但对于背景图像,我已经尝试过了,但背景图像是空的
<td onclick="window.open(this.style.backgroundImage, 'child');" background="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgA"></td>
您应该声明您的背景如下:
style="background-image: url(data:image ... );"
但是,请注意,如果您打算使用更大的图像,您将尝试打开的URI可能太大。
您必须从背景中切片图像url。如下:
<td onclick="window.open(this.style.background.slice(4, -1), 'child'); return true;" style="background:url('http://upload.wikimedia.org/wikipedia/commons/b/b7/Big_smile.png')"></td>
相关文章:
- 在视频和图像背景之间切换
- 带有图像背景的简单倒数计时器
- 无法设置图像背景图像
- 使用jQuery的透明图像背景
- 加快图像背景的页面加载速度
- HTML5 画布 - 如何在图像背景上画一条线
- IE8(Javascript和CSS)中带有拉伸BG的渐变图像背景
- 需要有关所选图像背景颜色的帮助.并将背景去除到所选择的其他图像
- 透明图像背景html5画布
- 你能帮我最大化我的图像背景吗
- 实现基于浏览器宽度的大图像背景拉伸的最简单方法
- Javascript改变图像/背景图像不工作
- 使悬停时的图像背景变暗,不影响文字
- 如何在javascript中扩展画布图像's背景并转换为文件对象
- JQuery移动设置图像背景与CSS
- 向图像(背景图像)添加超链接
- 课程互动360视频/图像背景在html5引导
- 在jQM中,为页面设置全屏CSS图像背景的正确/正确/实际方法是什么?
- 链接上随机图像背景
- 在JavaScript上设置图像背景形状