이미지 나오게하는 스크립트관련 질문.. 정보
이미지 나오게하는 스크립트관련 질문..
본문
아래는 클릭하면 이미지가 번갈아가며 나오는 스크립트입니다.
그런데 익스플로러에서는 잘 나오지만 불여우나 사파리에서는 먹통이네요.
replaceNode가 불여우등에서는 작동이 안된다고 하는데
버튼부분은 건들지않고 스크립트 부분만 고칠수 있는지
고수님들의 도움을 부탁드립니다.
<script>
function test(f, msg1, msg2) {
var img = new Image;
img.src = msg2;
img.onclick = function() {
img.replaceNode(f);
}
f.replaceNode(img);
}
</script>
<input type=button value="테스트" onfocus="this.blur()" onClick="test(this,'테스트',' http://img.sir.co.kr/gnuboard4/logo.gif');"/>
그런데 익스플로러에서는 잘 나오지만 불여우나 사파리에서는 먹통이네요.
replaceNode가 불여우등에서는 작동이 안된다고 하는데
버튼부분은 건들지않고 스크립트 부분만 고칠수 있는지
고수님들의 도움을 부탁드립니다.
<script>
function test(f, msg1, msg2) {
var img = new Image;
img.src = msg2;
img.onclick = function() {
img.replaceNode(f);
}
f.replaceNode(img);
}
</script>
<input type=button value="테스트" onfocus="this.blur()" onClick="test(this,'테스트',' http://img.sir.co.kr/gnuboard4/logo.gif');"/>
댓글 전체
var oldImg;
function changeImage(img, newimg) {
oldImg = img;
var parent = img.getParent();
var img2 = document.createElement('img');
img2.src = newimg;
img2.onclick = function() {
changeImage(img2,img.src);
};
parent.removeChild();
parent.addChind(img2);
}
<img src="test.jpg" onclick="changeImage(this,'test2.jpg')"/>
----------------------------------------
이정도 하면 되지 않을까 싶습니다.
테스트는 하지 않았습니다.
function changeImage(img, newimg) {
oldImg = img;
var parent = img.getParent();
var img2 = document.createElement('img');
img2.src = newimg;
img2.onclick = function() {
changeImage(img2,img.src);
};
parent.removeChild();
parent.addChind(img2);
}
<img src="test.jpg" onclick="changeImage(this,'test2.jpg')"/>
----------------------------------------
이정도 하면 되지 않을까 싶습니다.
테스트는 하지 않았습니다.
많은 도움이 되었습니다.