Flash not autoloading

  • Thread starter donbenni
  • 4 comments
  • 454 views
4,247
I'm in the process of creating a site that has a built in flash gallery (some of you may know this).

Link to flash gallery people: http://www.airtightinteractive.com/simpleviewer/

I'm stuck at a really annoying point. The page loads fine and the flash gallery loads, but the gallery doesn't then run. It only runs when you move the mouse over it. It would obviously be nice for it to run as the page opens or just after the page has loaded, either way.

Can't think as to what the problem is and searching doesn't seem to have helped at all. I've even copied all of the code from the original files given by the Simple Viewer people and it still doesn't work. Strange.

Would really like some help, and suggestions, however basic or whatever are very welcome, want this to get finished and this is holding me back!

Thanks. Code follows.

Header:

Code:
<html>
<head>
<title>funktank.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (header.psd) -->

<script type="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		index_09_over = newImage("images/index_09-over.png");
		index_10_over = newImage("images/index_10-over.png");
		index_11_over = newImage("images/index_11-over.png");
		index_12_over = newImage("images/index_12-over.png");
		index_13_over = newImage("images/index_13-over.png");
		index_14_over = newImage("images/index_14-over.png");
		preloadFlag = true;
	}
}

// -->
</script>
<!-- End Preload Script -->

<link href="styles.css" rel="stylesheet" type="text/css">

Gallery bit:

Code:
<script language="javascript" type="text/javascript" src="flash_detect.js">
	<!--
	function getFlashVersion() { return null; };
	//-->
</script>
	
<script language="javascript" type="text/javascript">
	<!--
	var flashVersion = getFlashVersion();
	if (flashVersion < 6) {		
		location.replace("upgrade.html");
	}
	//-->
</script>	

</head>

Body:

Code:
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="5" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (header.psd) -->


<table id="Table_01" align="center" width="772" height="141" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="images/index_01.png" width="65" height="108" alt=""></td>
		<td>
			<img src="images/index_02.png" width="61" height="108" alt=""></td>
		<td>
			<img src="images/index_03.png" width="63" height="108" alt=""></td>
		<td>
			<img src="images/index_04.png" width="66" height="108" alt=""></td>
		<td>
			<img src="images/index_05.png" width="73" height="108" alt=""></td>
		<td>
			<img src="images/index_06.png" width="75" height="108" alt=""></td>
		<td>
			<img src="images/header_07.png" width="184" height="108" alt=""></td>
		<td colspan="3">
			<img src="images/header_08.png" width="185" height="108" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<a href="about.html"
				onmouseover="changeImages('index_09', 'images/index_09-over.png'); return true;"
				onmouseout="changeImages('index_09', 'images/index_09.png'); return true;"
				onmousedown="changeImages('index_09', 'images/index_09-over.png'); return true;"
				onmouseup="changeImages('index_09', 'images/index_09-over.png'); return true;">
				<img name="index_09" src="images/index_09.png" width="65" height="32" border="0" alt=""></a></td>
		<td rowspan="3">
			<a href="news.html"
				onmouseover="changeImages('index_10', 'images/index_10-over.png'); return true;"
				onmouseout="changeImages('index_10', 'images/index_10.png'); return true;"
				onmousedown="changeImages('index_10', 'images/index_10-over.png'); return true;"
				onmouseup="changeImages('index_10', 'images/index_10-over.png'); return true;">
				<img name="index_10" src="images/index_10.png" width="61" height="32" border="0" alt=""></a></td>
		<td rowspan="3">
			<a href="music.html"
				onmouseover="changeImages('index_11', 'images/index_11-over.png'); return true;"
				onmouseout="changeImages('index_11', 'images/index_11.png'); return true;"
				onmousedown="changeImages('index_11', 'images/index_11-over.png'); return true;"
				onmouseup="changeImages('index_11', 'images/index_11-over.png'); return true;">
				<img name="index_11" src="images/index_11.png" width="63" height="32" border="0" alt=""></a></td>
		<td rowspan="3">
			<a href="listen.html"
				onmouseover="changeImages('index_12', 'images/index_12-over.png'); return true;"
				onmouseout="changeImages('index_12', 'images/index_12.png'); return true;"
				onmousedown="changeImages('index_12', 'images/index_12-over.png'); return true;"
				onmouseup="changeImages('index_12', 'images/index_12-over.png'); return true;">
				<img name="index_12" src="images/index_12.png" width="66" height="32" border="0" alt=""></a></td>
		<td rowspan="3">
			<a href="gallery.html"
				onmouseover="changeImages('index_13', 'images/index_13-over.png'); return true;"
				onmouseout="changeImages('index_13', 'images/index_13.png'); return true;"
				onmousedown="changeImages('index_13', 'images/index_13-over.png'); return true;"
				onmouseup="changeImages('index_13', 'images/index_13-over.png'); return true;">
				<img name="index_13" src="images/index_13.png" width="73" height="32" border="0" alt=""></a></td>
		<td rowspan="3">
			<a href="contact.html"
				onmouseover="changeImages('index_14', 'images/index_14-over.png'); return true;"
				onmouseout="changeImages('index_14', 'images/index_14.png'); return true;"
				onmousedown="changeImages('index_14', 'images/index_14-over.png'); return true;"
				onmouseup="changeImages('index_14', 'images/index_14-over.png'); return true;">
				<img name="index_14" src="images/index_14.png" width="75" height="32" border="0" alt=""></a></td>
		<td colspan="4">
			<img src="images/index_15.png" width="369" height="9" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/index_16.png" width="282" height="23" alt=""></td>
		<td>
			<a href="index.html">
				<img src="images/index_17.png" width="79" height="13" border="0" alt=""></a></td>
		<td rowspan="2">
			<img src="images/index_18.png" width="8" height="23" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_19.png" width="79" height="10" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="65" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="61" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="63" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="66" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="73" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="75" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="184" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="98" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="79" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="8" height="1" alt=""></td>
	</tr>
</table>


<!-- Without meaning to sound obvious, the content goes here -->

<table align="center" width="772px" style="border:solid 1px black;" cellpadding="4" cellspacing="0">

	<tr>
		<td width="106px" style="background-color:black;">
			<img src="images/photobar.jpg">
		</td>

		<td class="bg" align="center" valign="top" style="background-image:url(images/bg_gallery.gif);cellpadding:10;">
		<img src="images/gallery_logo.gif">
		<font size="14px" color="#DE9A49">Gallery</font><br><br>

Gallery bit:

Code:
<div align="left" style="width:610;height:285;padding:0;overflow:auto;">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="100%" align="middle">
      <param name="movie" value="viewer.swf" />
      <param name="quality" value="high" />
      <param name="scale" value="noscale" />
      <param name="BGCOLOR" value="#181818" />
      <embed src="viewer.swf" width="100%" height="100%" align="middle" quality="high" scale="noscale" bgcolor="#181818" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />    
</object>
			
			</div>

Footer:

Code:
</td>
	</tr>

</table>

<!-- And stops here -->


<table align="center" width="774" style="border:solid 1px white;" cellpadding="4" cellspacing="0">

	<tr>
		<td height="15px" align="right" style="font-size:7pt;color:white;background-color:black;"><a href="index.html">Home</a> | <a href="about.html">About</a> | <a href="news.html">News</a> | <a href="music.html">Music</a> | <a href="listen.html">Listen</a> | <a href="gallery.html">Gallery</a> | <a href="contact.html">Contact</a></td>
	</tr>

	<tr>
		<td align="center" style="font-size:7pt;">&copy; Copyright 2005 FunkTank. All rights reserved.<br>Site created by dbDesigns</td>
	</tr>

</table>

</table>

<!-- End ImageReady Slices -->
</body>
</html>
 
Ok after a little more testing it seems very happy to load in Firefox automatically, but not in IE. So, narrowing down the search a little, anyone know of the differences between the way the two browsers handle flash objects?
 
donbenni
Ok after a little more testing it seems very happy to load in Firefox automatically, but not in IE. So, narrowing down the search a little, anyone know of the differences between the way the two browsers handle flash objects?


I think,but don't hold me to it,that IE blocks flash.Cause I have the same problem with mine.If I want to run something with Flash,I'm better off using Foxfire,cause trying to go through IE is like pulling nails out :crazy:
 
Yeah but that's no use if i'm making a site for a wide audience where the majority use IE.

Thanks for your suggestion though :)
 
Back