iframe控制父窗口的问题

在iframe中的一个链接，我想控制父窗口里的元素，但就是没反应。在iframe里有个链接，我点击一下就把一个图片的地址传到父窗口的一个图片，本来父窗口的这个图片是隐藏的，点击后控制它显示出来。显示出来后再点击父窗口的这个图片它又隐藏了。
iframe里的链接是<a href="#" onclick="dpl('1.jpg');">
dpl函数的定义是
function dpl(ad){
parent.document.getElementById('bigpic').setAttribute(src,ad);
parent.document.getElementById('light').style.display='block';
parent.document.getElementById('fade').style.display='block';}
父窗口的代码是
<div id="fade" class="black_overlay"></div>
<div id="light" class="white_content"><a href="javascript:void(0)" onclick="document.getElementById('fade').style.display='none';document.getElementById('light').style.display='none';"><img id="bigpic" src="" alt="点击关闭" /></a></div>
这是css的定义
.black_overlay{ 
   display: none; 
   position: absolute; 
   top: 0%; 
   left: 0%; 
   width: 100%; 
   height: 100%; 
   background-color: black; 
   z-index:1001; 
}
.white_content { 
   display: none; 
   position: absolute; 
   top: 5%; 
   left: 10%; 
   width: 720px; 
   height: 540px; 
   z-index:1002; 
   overflow: auto; 
}