Javascript将图像放大另一个

我有下面的源代码，我想要做的是在输入某个代码时显示图像。诀窍是我需要将图像放在另一幅图像上。任何方式来做到这一点？Javascript将图像放大另一个

var roomCode = prompt("Please enter the room code", "Enter room code here"); 
     if(roomCode==='102') 
     { 
      /*I want the image to appear at certain coordinates (on top of another image).*/ 
     }

来源

2014-04-29 Often Right

如何更换以前的图像？ –

@derek_duncan这是一个好主意，但我该如何实现这一点，因为我已经映射了底层映像？ –

即将发布回答:) –

只需用新的形象的路径替换前面的图像的src属性。

例子：

HTML

<img id="replacable-img" src="http://www.wallpaperfunda.com/wp-content/uploads/2014/03/images-2.jpg" width="400px" alt="Original image"> 
<button id="change">Next Image</button> // Just example trigger

的Javascript

var img = document.getElementById('replacable-img'); 
var button = document.getElementById('change'); 

change.onclick = function(e) { 
    img.setAttribute('src', 'http://www.wired.com/images_blogs/wiredscience/2012/10/kitten-kisses-dog.jpg') 
}

只需使用element.setAttribute('src', 'PATH')每个if块:)

内，并在这里是一个例子：http://jsbin.com/cefutaqo/1/

来源

2014-04-29 03:59:18

看起来不错。我现在就放弃它，如果它能正常工作，我会将其标记为正确;） –

听起来不错。感谢：D –

最初创建一个html页面，甚至在它的图像。将图像显示属性设置为无。

试试这个，

var roomCode = prompt("Please enter the room code", "Enter room code here"); 
     if(roomCode==='102') 
     { 
       load(roomCode+".html"); 
       $('.image').css('display',block) 
     }

来源

2014-04-29 03:53:42 SPEC

我不太关注你。看来你正在加载一个新的网页，我不想做 –

你甚至可以在同一页面加载特定的div – SPEC

Javascript将图像放大另一个

回答

相关问题