PDA

Click to See Complete Forum and Search --> : Preload Image not working

ptysell
12-04-2003, 02:51 PM
I have a function to preload images. I know that it is not working because in the activity window the images that are supose to load do not show up.

Here is where i load my scripts in the head field.

<!-- set JS linkRef, used in external JS -->
<script language="JavaScript" type="text/javascript">
<!--
var linkRef = "http://localhost/";
//-->
</script>
<!-- default CSS and JS, always put CSS before JS, so that JS can load additional CSS -->
<link rel="stylesheet" href="http://localhost/assets/css/default.css" type="text/css" media="screen" />
<script language="JavaScript" type="text/javascript" src="http://localhost/assets/js/default.js">
</script>
<!-- usc gateway header CSS and JS -->
<link rel="stylesheet" href="http://localhost/assets/css/menu.css" type="text/css" media="screen" />
<script language="JavaScript" type="text/javascript" src="http://localhost/assets/js/menu.js">
</script>

<!-- local CSS and JS -->
<script language="JavaScript" type="text/javascript">
<!--
/* local JS */
function initPage()
{
preloadM(); // preload menu rollover
MM_preloadImages("assets/menubar/news-a.gif", "assets/menubar/calendar-a.gif", "assets/menubar/visit-a.gif");
}
//-->
</script>
</head>



This is my body declaraton where i declare initPage()
<body lang="en" marginheight="0" marginwidth="0" bgcolor="#336699" onload="initPage();">



Here is one of my table elements that prevents the images from loading.
<td>
<a onmouseover='showM('M1')' href='#'>
<img src='http://localhost/assets/menubar/blue/M1.gif' alt='about' name='M1' id='M1' height='25' width='100' border='0' />
</a>
</td>
ptysell
12-04-2003, 02:53 PM
Forgot the script


// css
if (navigator.appName=="Netscape") { if (parseInt(navigator.appVersion)==4) { linkCSS("assets/css/menuNS4.css"); } else if (parseInt(navigator.appVersion)>4) { linkCSS("assets/css/menuNS6.css"); } } else { if (navigator.platform=="Win32") { linkCSS("assets/css/menuIEWin.css"); } }
// 2L menus
var activeM="",activeBG=0;
function showM() {
var a=showM.arguments[0];
hideM();
if (a.length) {
MM_swapImage(''+a,'',linkRef+'assets/menubar/over/'+a+'-a.gif',1);
MM_showHideLayers('speshead'+a,'','show','spesheadMX1','','show','spesheadMX2','','show');
activeM=a;
if (!(activeBG)) {
MM_swapImage('spesheadMbg','',linkRef+'assets/std/grey.gif',1);
activeBG=1;
}
}
}
function hideM() {
if (activeM) {
MM_showHideLayers('speshead'+activeM,'','hide');
MM_swapImage(''+activeM,'',linkRef+'assets/menubar/blue/'+activeM+'.gif',1);
activeM = "";
}
}
function hideX() {
MM_showHideLayers('spesheadMX1','','hide','spesheadMX2','','hide');
MM_swapImage('spesheadMbg','',linkRef+'assets/std/spacer.gif',1);
activeBG=0;
}
function preloadM() {
var a=linkRef+'assets/menubar/over/';
MM_preloadImages(a+'grey.gif',a+'M1-a.gif',a+'M2-a.gif',a+'M3-a.gif',a+'M4-a.gif',a+'M5-a.gif',a+'M6-a.gif',a+'M7-a.gif',a+'M8-a.gif');
}



And i thought that i would throw in teh CSS file for good mesure.
#spesheadMX1 { position: absolute; left: 0px; top: 0px; width: 100%; height: 25px; z-index: 10; visibility: hidden; display: block; }
#spesheadMX2 { position: absolute; left: 0px; top: 80px; width: 100%; height: 400px; z-index: 10; visibility: hidden; display: block; }

.spesheadM { position: absolute; left: 0px; top: 50px; height: 25px; width: 100%; visibility: hidden; z-index: 3; display: block; }
.spesheadMM { color: #fc0; }
.spesheadMM a { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; color: #fff; }
.spesheadMM a:link, .spesheadMM a:visited { color: #fff; }
.spesheadMM a:hover, .spesheadMM a:active { color: #fc0; }
.spesheadF { margin-top: 0px; margin-bottom: 0px; }
.spesheadF1 { color: #4b4b4b; font-size: 12px; background-color: #e5e5e5; vertical-align: top; padding: 4px; width: 145px; height: 13px; }
.spesheadF2 { vertical-align: top; border: 0px; margin: 0px; width: 23px; height: 20px; }
.spesheadMM a.selected, a.selected:link, a.selected:visited { color: #fc0; }








THANK SO MUCH I CAN NOT FIGURE THIS OUT FOR MY LIFE.