- 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:
Gallery bit:
Body:
Gallery bit:
Footer:
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;">© Copyright 2005 FunkTank. All rights reserved.<br>Site created by dbDesigns</td>
</tr>
</table>
</table>
<!-- End ImageReady Slices -->
</body>
</html>