Forum Moderators: open
How can I use onload for this image so that the onload is done not in the img tag
<html>
<head>
<script type='text/javascript' src='behaviors.js'></script>
</head>
<body>
<img id="Photo" src="" alt="" width="100" height="150" />
</body>
</html>
The file 'behaviors.js':
window.onload = function()
{
if (document.getElementById) {
var img = document.getElementById('Photo');
if (img) img.onload = InitFade;
}
}
function InitFade()
{
...
}
window.onloadI personally can't see a way of doing this while guaranteeing that the image's
onloadsrc
This is clunky... but might work:
<html>
<head>
</head>
<body>
<img id="Photo" src="" alt="" width="100" height="150" />
<script type='text/javascript' src='behaviors.js'></script>
</body>
</html>
The file 'behaviors.js':
if (document.getElementById) {
var img = document.getElementById('Photo');
if (img) img.onload = InitFade;
}
function InitFade()
{
...
}
