I don't think you can access an element by its id that way. Besides, even if you could, the script executes almost immediately. Even with all pages local, it takes a little longer for the bottom1.html to load. So the image tag isn't there yet. This works here for top.html:
Code:
<script type="text/javascript">
function showPic(){
parent.bottomFrame.location.href = "bottom1.html";
showPic.show();
}
showPic.show = function(){
if(parent.bottomFrame.document.getElementById('pic')){
parent.bottomFrame.document.getElementById('pic').src="AUS_large.jpg";
}else{
setTimeout(showPic.show, 300);
}
}
</script>
</head>
<body>
<img src="AUS_small.JPG"
onclick="showPic();">
</body>
Bookmarks