2014-09-05 49 views
0

因此,我有一个网页,其中包含6张不同图像50x50像素的图像幻灯片。我想这样做;当用户单击图像时,会弹出一个新窗口,并显示相同的图像,但会将大小更改为200x200px。有没有简单的方法来做到这一点,我关闭了吗?在新窗口中更改图像的属性

HTML:

JS: VAR mainImg =的document.getElementById( “滑动”);

var imgArray = ["slicedImg_01.gif", "slicedImg_02.gif", "slicedImg_03.gif", "slicedImg_04.gif", "slicedImg_05.gif", "slicedImg_06.gif"]; 

var index = 0; 

function imgCycle(){ 
mainImg.setAttribute("src", imgArray[index]); 
index++; 

if (index >= imgArray.length){ 
    index = 0; 
} 
} 

setInterval (imgCycle,500); 

function fullSize(){ 
    var big = window.open('assignment 1.1.html') 

    document.getElementById("slide").height="200"; 

} 

回答

0

可以使用使用普通的JavaScript

var big = window.open('assignment 1.1.html') 
big.document.getElementById("slide").height="200"; 

检查这个问题,它的答案,可能它会帮助你的窗口对象访问子元素。

how-can-i-access-the-dom-tree-of-child-window