NoelVD
asked on
Why does the web gallery from Photoshop work in IE but not in Mozilla FoxFire
Why does the web gallery from Photoshop work in IE but not in Mozilla FoxFire her is the javascript and web link....
http://www.noelvestridesigns.com/lousimages/new_page_1.htm
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor. Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body bgcolor="#000000">
<table border="0" style="border-collapse: collapse" width="100%" id="table1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>
<div align="center" class="mainCenter">
<table width="99%" height="53%" border="0" cellspacing="0" cellpadding="0"
id="table3">
<tr>
<td align="center">
<table width="100%" height="32%" border="0" cellpadding="0" cellspacing="0"
id="table4">
<tr>
<td height="100%" align="center" valign="middle">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="36%">
<iframe id="TopFrame" name="I1" frameborder="0"
scrolling="auto" src="pages/july1.htm" width="451"
height="150">
Your browser does not support iframes.
</iframe>
</td>
</tr>
<tr>
<td align="left" height="110">
<table width="80%" border="0" cellpadding="0" cellspacing="0"
id="table5">
<tr>
<td width="97%" height="100">
<iframe id="BottomFrame" name="I2" frameborder="0"
src="ThumbnailFrame.htm" width="300" height="103">
Your browser does not support iframes.
</iframe>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<p> </td>
<td> </td>
</tr>
</table>
</body>
</html>
http://www.noelvestridesigns.com/lousimages/new_page_1.htm
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body bgcolor="#000000">
<table border="0" style="border-collapse: collapse" width="100%" id="table1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>
<div align="center" class="mainCenter">
<table width="99%" height="53%" border="0" cellspacing="0" cellpadding="0"
id="table3">
<tr>
<td align="center">
<table width="100%" height="32%" border="0" cellpadding="0" cellspacing="0"
id="table4">
<tr>
<td height="100%" align="center" valign="middle">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="36%">
<iframe id="TopFrame" name="I1" frameborder="0"
scrolling="auto" src="pages/july1.htm" width="451"
height="150">
Your browser does not support iframes.
</iframe>
</td>
</tr>
<tr>
<td align="left" height="110">
<table width="80%" border="0" cellpadding="0" cellspacing="0"
id="table5">
<tr>
<td width="97%" height="100">
<iframe id="BottomFrame" name="I2" frameborder="0"
src="ThumbnailFrame.htm" width="300" height="103">
Your browser does not support iframes.
</iframe>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<p> </td>
<td> </td>
</tr>
</table>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Just one thing I noticed - the way you access the iframes:
you should replace
top.TopFrame
with
top.document.getElementByI
(same for BottomFrame...)
Or top.frames[...] if you want to access an e.g. a variable inside the iFrame:
top.frames[0].isTopFrameLo aded
instead of
top.TopFrame.isTopFrameLoa ded
top.frames[0].isTopFrameLo
instead of
top.TopFrame.isTopFrameLoa
ASKER
Hey TName
Is that in the top code or the code I pasted second?
Is that in the top code or the code I pasted second?
I had a look at the page itself and at the iFrames through the link you posted.
It's mainly in ThumbnailFrame.htm (so in the code you posted second, as it looks like) - there are about a dozen occurences of
"top.TopFrame." there
and in july1.htm 2 occurences of "top.BottomFrame..."
In your example, "top" is a document - the parent document/top level page that contains the iFrames, and "TopFrame" and "BottomFrame" are the IDs of the iFrame elements.
The problem is that you can't use this way of addressing an element in Firefox:
document.someId...
this will work in IE, but it's not standard.
For example, this will work in FF also and will access the href of an anchor element with the id "link1" in another iFrame embedded in the same top/parent document as the one we are calling from:
alert( top.frames[0].document.get ElementByI d('link1') .href ) ; // [0] is the first iFrame, [1] the second, a.s.o.
It's mainly in ThumbnailFrame.htm (so in the code you posted second, as it looks like) - there are about a dozen occurences of
"top.TopFrame." there
and in july1.htm 2 occurences of "top.BottomFrame..."
In your example, "top" is a document - the parent document/top level page that contains the iFrames, and "TopFrame" and "BottomFrame" are the IDs of the iFrame elements.
The problem is that you can't use this way of addressing an element in Firefox:
document.someId...
this will work in IE, but it's not standard.
For example, this will work in FF also and will access the href of an anchor element with the id "link1" in another iFrame embedded in the same top/parent document as the one we are calling from:
alert( top.frames[0].document.get
ASKER
So TName
I should change it on the Thumbnail.htm and the individual pages like july1.htm? Is that what your sayin?
Hey by the way you're the only person who rather then saying "you should use this program instead' you worked with what i have....you deserve all the points I wasted on others Good Job!!!!!!!!!
I should change it on the Thumbnail.htm and the individual pages like july1.htm? Is that what your sayin?
Hey by the way you're the only person who rather then saying "you should use this program instead' you worked with what i have....you deserve all the points I wasted on others Good Job!!!!!!!!!
>I should change it on the Thumbnail.htm and the individual pages like july1.htm?
Yes, and then we'll see if there are any other problems/incompatibilities .
Yes, and then we'll see if there are any other problems/incompatibilities
ASKER
TName
Question....the original text was from source so in the actual code in an editor for the actual page look like this................
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor. Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body bgcolor="#000000">
<table border="0" style="border-collapse: collapse" width="100%" id="table1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>
<div align="center" class="mainCenter">
<table width="99%" height="53%" border="0" cellspacing="0" cellpadding="0"
id="table3">
<tr>
<td align="center">
<table width="100%" height="32%" border="0" cellpadding="0" cellspacing="0"
id="table4">
<tr>
<td height="100%" align="center" valign="middle">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="36%">
<iframe id="TopFrame" name="I1" frameborder="0"
scrolling="auto" src="pages/july1.htm" width="451"
height="150">
Your browser does not support iframes.
</iframe>
</td>
</tr>
<tr>
<td align="left" height="110">
<table width="80%" border="0" cellpadding="0" cellspacing="0"
id="table5">
<tr>
<td width="97%" height="100">
<iframe id="BottomFrame" name="I2" frameborder="0"
src="ThumbnailFrame.htm" width="300" height="103">
Your browser does not support iframes.
</iframe>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<p> </td>
<td> </td>
</tr>
</table>
</body>
</html>
thumbnail looks like this
<HTML>
<HEAD>
<TITLE></TITLE>
<META name="generator" content="Microsoft FrontPage 6.0">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="images/galleryStyle. css" rel="stylesheet" type="text/css">
<script language="javascript">
<!--
/******************** BROWSER DETECT ************************** ********** ********/
/** List of all known user agent names */
var agentNames = new Array("msie ", "netscape6/", "netscape/", "mozilla/", "opera/");
var isIE = (navigator.appName.indexOf ("Explorer ") > -1);
var isMac = (navigator.userAgent.index Of("Mac") > -1);
var majorVersion = getMajorVersion();
var isIE5Mac = (isIE && majorVersion >= 5 && isMac);
function getMajorVersion() {
var majorVersion = 0;
var verStart = 0;
var agent = navigator.userAgent;
if (agent != null) {
agent = agent.toLowerCase();
for (var i = 0; i < agentNames.length; i++) {
var name = agentNames[i];
var pos = agent.indexOf(name);
if (pos > -1) {
verStart = pos + name.length;
break;
}
}
var verStop = agent.indexOf('.', verStart);
if (verStart != -1 && verStop > verStart && (verStop - verStart) <= 2) {
return parseInt(agent.substring(v erStart, verStop));
}
}
return majorVersion;
}
/******************** End BROWSER DETECT ************************** ********** ********/
//Keyed by image name. Value is the index position of image in the indexed array.
var myImages = new Object();
var myImagesIndexed = new Array();
//store images in.
var preloadObj = new Object();
//Int for position in myImagesIndexed array.
var currentImage = 0;
//Set when bottom frame is loaded.
var isBottomFrameLoaded = false;
function setTopFrameImage(imgName, imgPath) {
var theImage = top.TopFrame.document.imag es[imgName ];
theImage.src = imgPath;
//Mac IE 5.2 OSX does not want to update the image, set it to itself to get it to draw.
if (isIE5Mac) {
theImage.src = theImage.src;
}
}
function setImage(imgName, imgPath) {
var theImage = top.document.images[imgNam e];
theImage.src = imgPath;
}
function previousImage() {
if (currentImage >= 1) {
setTopFrameImage("theImage ", ("../images/" + myImagesIndexed[--currentI mage][0])) ;
setArrows();
updateMetaData();
if (autoAdvance) {
resetAutoAdvance();
}
}
}
function autoNextImage() {
if (currentImage != (myImagesIndexed.length - 1) && myImagesIndexed.length > 1) {
//check to make sure image is ready to display
if ((top.TopFrame && top.TopFrame.isTopFrameLoa ded) && preloadObj[myImagesIndexed [(currentI mage+1)][0 ]]) {
setTopFrameImage("theImage ", ("../images/" + myImagesIndexed[++currentI mage][0])) ;
setArrows();
updateMetaData();
} else {
//Try again to see if image is loaded
setTimeout("autoNextImage( )", 100);
}
//Set to -1 so auto advance can loop.
} else if (autoAdvance) {
currentImage = -1;
autoNextImage();
}
}
function nextImage() {
if (currentImage != (myImagesIndexed.length - 1) && myImagesIndexed.length > 1) {
autoNextImage();
if (autoAdvance) {
resetAutoAdvance();
}
}
}
var autoAdvance = false;
var intervalTimer = null;
function startAutoAdvance() {
//1000 = 1 sec, 5000 = 5 secs, adjust as desired
var delay = 5000;
//if (allImagesLoaded) {
intervalTimer = setInterval("autoNextImage ()", delay);
autoAdvance = true;
setPausePlayImage();
//}
}
function stopAutoAdvance() {
clearInterval(intervalTime r);
autoAdvance = false;
setPausePlayImage();
}
function resetAutoAdvance() {
stopAutoAdvance();
startAutoAdvance();
}
function setPausePlayImage() {
var theImg = null;
if (top.isMainPageLoaded) {
if (preloadObj["pause"] && preloadObj["pause_over"] && preloadObj["play"] && preloadObj["play_over"]) {
if (autoAdvance) {
theImg = (overPlayPauseButton) ? "images/pause_over.gif" : "images/pause.gif";
} else {
theImg = (overPlayPauseButton) ? "images/play_over.gif" : "images/play.gif";
}
setImage("pausePlay1", theImg);
setImage("pausePlay2", theImg);
}
} else {
setTimeout("setPausePlayIm age()", 10);
}
}
var allImagesLoaded = false;
function preloadMyImages() {
if (document.images) {
preloadObj["pause_over"] = newImage("../images/pause_ over.gif") ;
preloadObj["pause"] = newImage("../images/pause. gif");
preloadObj["play_over"] = newImage("../images/play_o ver.gif");
preloadObj["play"] = newImage("../images/play.g if");
preloadObj["previous_disab led"] = newImage("../images/previo us_disable d.gif");
preloadObj["previous"] = newImage("../images/previo us.gif");
preloadObj["next_disabled" ] = newImage("../images/next_d isabled.gi f");
preloadObj["next"] = newImage("../images/next.g if");
for (var i=0; i < myImagesIndexed.length; i++) {
preloadObj[myImagesIndexed [i][0]] = newImage("../images/" + myImagesIndexed[i][0]);
//alert(myImagesIndexed[i] [0] + " " + preloadObj[myImagesIndexed [i][0]]);
}
}
allImagesLoaded = true;
}
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function togglePlayPauseState() {
if (allImagesLoaded) {
if(autoAdvance) {
stopAutoAdvance();
} else {
startAutoAdvance();
}
}
}
var overPlayPauseButton = false;
function togglePlayPauseImg(state) {
if (allImagesLoaded) {
overPlayPauseButton = (state.toLowerCase() == "over") ? true : false;
setPausePlayImage();
}
}
function jumpToImage(imgName) {
if (top.TopFrame && top.TopFrame.isTopFrameLoa ded) {
var index = myImages[imgName];
setTopFrameImage("theImage ", ("../images/" + myImagesIndexed[index][0]) );
//reset timer to ensure full delay is used for the image
if (autoAdvance) {
resetAutoAdvance();
}
currentImage = index;
setArrows();
updateMetaData();
} else {
setTimeout("jumpToImage(im gName)" , 10);
}
}
/*
//Key to data structure
myImagesIndexed[currentIma ge][0] = FILENAMEURL
myImagesIndexed[currentIma ge][1] = CAPTIONTITLE
myImagesIndexed[currentIma ge][2] = FILEINFO
myImagesIndexed[currentIma ge][3] = CREDITS
myImagesIndexed[currentIma ge][4] = COPYRIGHT
myImagesIndexed[currentIma ge][5] = FILENAME
*/
function updateMetaData() {
if (top.TopFrame && top.TopFrame.isTopFrameLoa ded) {
top.TopFrame.document.getE lementById ("fileName ").innerHT ML = myImagesIndexed[currentIma ge][5];
top.TopFrame.document.getE lementById ("captionT itle").inn erHTML = myImagesIndexed[currentIma ge][1];
top.TopFrame.document.getE lementById ("fileInfo ").innerHT ML = myImagesIndexed[currentIma ge][2];
top.TopFrame.document.getE lementById ("credits" ).innerHTM L = myImagesIndexed[currentIma ge][3];
top.TopFrame.document.getE lementById ("copyrigh t").innerH TML = myImagesIndexed[currentIma ge][4];
} else {
setTimeout("updateMetaData ()", 10);
}
}
function setArrows() {
var prevImg = null;
var nextImg = null;
if (top.isMainPageLoaded && preloadObj["previous"] && preloadObj["previous_disab led"] && preloadObj["next"] && preloadObj["next_disabled" ]) {
prevImg = (currentImage > 0) ? "images/previous.gif" : "images/previous_disabled. gif";
nextImg = (currentImage < (myImagesIndexed.length-1) ) ? "images/next.gif" : "images/next_disabled.gif" ;
setImage("previous1", prevImg);
setImage("previous2", prevImg);
setImage("next1", nextImg);
setImage("next2", nextImg);
} else {
setTimeout("setArrows()", 10);
}
}
function replaceCharacter(str, oldCharacter, newCharacter) {
if(str != -1) {
var strArray = str.split(oldCharacter);
str = strArray.join(newCharacter );
//alert(str);
}
return str;
}
//-->
</script>
</HEAD>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" bgcolor="#CCCCCC" onload="isBottomFrameLoade d = true; startAutoAdvance(); preloadMyImages();">
<div id="thumbnail" align="center">
<table height="82" border="0" cellpadding="4" cellspacing="0">
<tr align="center">
<!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july1.jpg ', '%20', ''));"><img src="thumbnails/july1.jpg" width="75" height="50" border=0 alt="july1"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july1.jpg ', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july1.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july10.jp g', '%20', ''));"><img src="thumbnails/july10.jpg " width="75" height="50" border=0 alt="july10"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july10.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july10.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july11.jp g', '%20', ''));"><img src="thumbnails/july11.jpg " width="75" height="50" border=0 alt="july11"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july11.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july11.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july12.jp g', '%20', ''));"><img src="thumbnails/july12.jpg " width="75" height="50" border=0 alt="july12"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july12.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july12.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july13.jp g', '%20', ''));"><img src="thumbnails/july13.jpg " width="75" height="50" border=0 alt="july13"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july13.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july13.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july14.jp g', '%20', ''));"><img src="thumbnails/july14.jpg " width="75" height="50" border=0 alt="july14"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july14.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july14.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july15.jp g', '%20', ''));"><img src="thumbnails/july15.jpg " width="75" height="50" border=0 alt="july15"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july15.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july15.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july16.jp g', '%20', ''));"><img src="thumbnails/july16.jpg " width="75" height="50" border=0 alt="july16"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july16.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july16.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july17.jp g', '%20', ''));"><img src="thumbnails/july17.jpg " width="75" height="50" border=0 alt="july17"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july17.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july17.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july18.jp g', '%20', ''));"><img src="thumbnails/july18.jpg " width="75" height="50" border=0 alt="july18"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july18.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july18.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july19.jp g', '%20', ''));"><img src="thumbnails/july19.jpg " width="75" height="50" border=0 alt="july19"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july19.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july19.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july2.jpg ', '%20', ''));"><img src="thumbnails/july2.jpg" width="75" height="50" border=0 alt="july2"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july2.jpg ', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july2.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july20.jp g', '%20', ''));"><img src="thumbnails/july20.jpg " width="75" height="50" border=0 alt="july20"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july20.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july20.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july21.jp g', '%20', ''));"><img src="thumbnails/july21.jpg " width="75" height="50" border=0 alt="july21"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july21.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july21.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july22.jp g', '%20', ''));"><img src="thumbnails/july22.jpg " width="75" height="50" border=0 alt="july22"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july22.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july22.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july23.jp g', '%20', ''));"><img src="thumbnails/july23.jpg " width="75" height="50" border=0 alt="july23"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july23.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july23.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july24.jp g', '%20', ''));"><img src="thumbnails/july24.jpg " width="75" height="50" border=0 alt="july24"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july24.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july24.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july25.jp g', '%20', ''));"><img src="thumbnails/july25.jpg " width="75" height="50" border=0 alt="july25"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july25.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july25.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july26.jp g', '%20', ''));"><img src="thumbnails/july26.jpg " width="75" height="50" border=0 alt="july26"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july26.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july26.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july27.jp g', '%20', ''));"><img src="thumbnails/july27.jpg " width="75" height="50" border=0 alt="july27"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july27.jp g', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july27.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july3.jpg ', '%20', ''));"><img src="thumbnails/july3.jpg" width="75" height="50" border=0 alt="july3"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july3.jpg ', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july3.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july4.jpg ', '%20', ''));"><img src="thumbnails/july4.jpg" width="75" height="50" border=0 alt="july4"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july4.jpg ', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july4.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july5.jpg ', '%20', ''));"><img src="thumbnails/july5.jpg" width="75" height="50" border=0 alt="july5"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july5.jpg ', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july5.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july6.jpg ', '%20', ''));"><img src="thumbnails/july6.jpg" width="75" height="50" border=0 alt="july6"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july6.jpg ', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july6.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july7.jpg ', '%20', ''));"><img src="thumbnails/july7.jpg" width="75" height="50" border=0 alt="july7"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july7.jpg ', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july7.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july8.jpg ', '%20', ''));"><img src="thumbnails/july8.jpg" width="75" height="50" border=0 alt="july8"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july8.jpg ', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july8.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status =''; return true;" onmouseout="window.status= ''; return true;" href="javascript:jumpToIma ge(replace Character( 'july9.jpg ', '%20', ''));"><img src="thumbnails/july9.jpg" width="75" height="50" border=0 alt="july9"></a>
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter( 'july9.jpg ', '%20', '')] = newIndex;
myImagesIndexed[newIndex] = new Array("july9.jpg", "", "", "", "", "");
</script> </tr>
</table>
</div>
</BODY>
</HTML>
I can't find the area you were talking about to change
TName:
Just one thing I noticed - the way you access the iframes:
you should replace
top.TopFrame
with
top.document.getElementByI d('TopFram e'))
(same for BottomFrame...)
or your change mentioned.................
TName:
Or top.frames[...] if you want to access an e.g. a variable inside the iFrame:
top.frames[0].isTopFrameLo aded
instead of
top.TopFrame.isTopFrameLoa ded
Question....the original text was from source so in the actual code in an editor for the actual page look like this................
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body bgcolor="#000000">
<table border="0" style="border-collapse: collapse" width="100%" id="table1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>
<div align="center" class="mainCenter">
<table width="99%" height="53%" border="0" cellspacing="0" cellpadding="0"
id="table3">
<tr>
<td align="center">
<table width="100%" height="32%" border="0" cellpadding="0" cellspacing="0"
id="table4">
<tr>
<td height="100%" align="center" valign="middle">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="36%">
<iframe id="TopFrame" name="I1" frameborder="0"
scrolling="auto" src="pages/july1.htm" width="451"
height="150">
Your browser does not support iframes.
</iframe>
</td>
</tr>
<tr>
<td align="left" height="110">
<table width="80%" border="0" cellpadding="0" cellspacing="0"
id="table5">
<tr>
<td width="97%" height="100">
<iframe id="BottomFrame" name="I2" frameborder="0"
src="ThumbnailFrame.htm" width="300" height="103">
Your browser does not support iframes.
</iframe>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<p> </td>
<td> </td>
</tr>
</table>
</body>
</html>
thumbnail looks like this
<HTML>
<HEAD>
<TITLE></TITLE>
<META name="generator" content="Microsoft FrontPage 6.0">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="images/galleryStyle.
<script language="javascript">
<!--
/******************** BROWSER DETECT **************************
/** List of all known user agent names */
var agentNames = new Array("msie ", "netscape6/", "netscape/", "mozilla/", "opera/");
var isIE = (navigator.appName.indexOf
var isMac = (navigator.userAgent.index
var majorVersion = getMajorVersion();
var isIE5Mac = (isIE && majorVersion >= 5 && isMac);
function getMajorVersion() {
var majorVersion = 0;
var verStart = 0;
var agent = navigator.userAgent;
if (agent != null) {
agent = agent.toLowerCase();
for (var i = 0; i < agentNames.length; i++) {
var name = agentNames[i];
var pos = agent.indexOf(name);
if (pos > -1) {
verStart = pos + name.length;
break;
}
}
var verStop = agent.indexOf('.', verStart);
if (verStart != -1 && verStop > verStart && (verStop - verStart) <= 2) {
return parseInt(agent.substring(v
}
}
return majorVersion;
}
/******************** End BROWSER DETECT **************************
//Keyed by image name. Value is the index position of image in the indexed array.
var myImages = new Object();
var myImagesIndexed = new Array();
//store images in.
var preloadObj = new Object();
//Int for position in myImagesIndexed array.
var currentImage = 0;
//Set when bottom frame is loaded.
var isBottomFrameLoaded = false;
function setTopFrameImage(imgName, imgPath) {
var theImage = top.TopFrame.document.imag
theImage.src = imgPath;
//Mac IE 5.2 OSX does not want to update the image, set it to itself to get it to draw.
if (isIE5Mac) {
theImage.src = theImage.src;
}
}
function setImage(imgName, imgPath) {
var theImage = top.document.images[imgNam
theImage.src = imgPath;
}
function previousImage() {
if (currentImage >= 1) {
setTopFrameImage("theImage
setArrows();
updateMetaData();
if (autoAdvance) {
resetAutoAdvance();
}
}
}
function autoNextImage() {
if (currentImage != (myImagesIndexed.length - 1) && myImagesIndexed.length > 1) {
//check to make sure image is ready to display
if ((top.TopFrame && top.TopFrame.isTopFrameLoa
setTopFrameImage("theImage
setArrows();
updateMetaData();
} else {
//Try again to see if image is loaded
setTimeout("autoNextImage(
}
//Set to -1 so auto advance can loop.
} else if (autoAdvance) {
currentImage = -1;
autoNextImage();
}
}
function nextImage() {
if (currentImage != (myImagesIndexed.length - 1) && myImagesIndexed.length > 1) {
autoNextImage();
if (autoAdvance) {
resetAutoAdvance();
}
}
}
var autoAdvance = false;
var intervalTimer = null;
function startAutoAdvance() {
//1000 = 1 sec, 5000 = 5 secs, adjust as desired
var delay = 5000;
//if (allImagesLoaded) {
intervalTimer = setInterval("autoNextImage
autoAdvance = true;
setPausePlayImage();
//}
}
function stopAutoAdvance() {
clearInterval(intervalTime
autoAdvance = false;
setPausePlayImage();
}
function resetAutoAdvance() {
stopAutoAdvance();
startAutoAdvance();
}
function setPausePlayImage() {
var theImg = null;
if (top.isMainPageLoaded) {
if (preloadObj["pause"] && preloadObj["pause_over"] && preloadObj["play"] && preloadObj["play_over"]) {
if (autoAdvance) {
theImg = (overPlayPauseButton) ? "images/pause_over.gif" : "images/pause.gif";
} else {
theImg = (overPlayPauseButton) ? "images/play_over.gif" : "images/play.gif";
}
setImage("pausePlay1", theImg);
setImage("pausePlay2", theImg);
}
} else {
setTimeout("setPausePlayIm
}
}
var allImagesLoaded = false;
function preloadMyImages() {
if (document.images) {
preloadObj["pause_over"] = newImage("../images/pause_
preloadObj["pause"] = newImage("../images/pause.
preloadObj["play_over"] = newImage("../images/play_o
preloadObj["play"] = newImage("../images/play.g
preloadObj["previous_disab
preloadObj["previous"] = newImage("../images/previo
preloadObj["next_disabled"
preloadObj["next"] = newImage("../images/next.g
for (var i=0; i < myImagesIndexed.length; i++) {
preloadObj[myImagesIndexed
//alert(myImagesIndexed[i]
}
}
allImagesLoaded = true;
}
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function togglePlayPauseState() {
if (allImagesLoaded) {
if(autoAdvance) {
stopAutoAdvance();
} else {
startAutoAdvance();
}
}
}
var overPlayPauseButton = false;
function togglePlayPauseImg(state) {
if (allImagesLoaded) {
overPlayPauseButton = (state.toLowerCase() == "over") ? true : false;
setPausePlayImage();
}
}
function jumpToImage(imgName) {
if (top.TopFrame && top.TopFrame.isTopFrameLoa
var index = myImages[imgName];
setTopFrameImage("theImage
//reset timer to ensure full delay is used for the image
if (autoAdvance) {
resetAutoAdvance();
}
currentImage = index;
setArrows();
updateMetaData();
} else {
setTimeout("jumpToImage(im
}
}
/*
//Key to data structure
myImagesIndexed[currentIma
myImagesIndexed[currentIma
myImagesIndexed[currentIma
myImagesIndexed[currentIma
myImagesIndexed[currentIma
myImagesIndexed[currentIma
*/
function updateMetaData() {
if (top.TopFrame && top.TopFrame.isTopFrameLoa
top.TopFrame.document.getE
top.TopFrame.document.getE
top.TopFrame.document.getE
top.TopFrame.document.getE
top.TopFrame.document.getE
} else {
setTimeout("updateMetaData
}
}
function setArrows() {
var prevImg = null;
var nextImg = null;
if (top.isMainPageLoaded && preloadObj["previous"] && preloadObj["previous_disab
prevImg = (currentImage > 0) ? "images/previous.gif" : "images/previous_disabled.
nextImg = (currentImage < (myImagesIndexed.length-1)
setImage("previous1", prevImg);
setImage("previous2", prevImg);
setImage("next1", nextImg);
setImage("next2", nextImg);
} else {
setTimeout("setArrows()", 10);
}
}
function replaceCharacter(str, oldCharacter, newCharacter) {
if(str != -1) {
var strArray = str.split(oldCharacter);
str = strArray.join(newCharacter
//alert(str);
}
return str;
}
//-->
</script>
</HEAD>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" bgcolor="#CCCCCC" onload="isBottomFrameLoade
<div id="thumbnail" align="center">
<table height="82" border="0" cellpadding="4" cellspacing="0">
<tr align="center">
<!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july1.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july10.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july11.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july12.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july13.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july14.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july15.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july16.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july17.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july18.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july19.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july2.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july20.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july21.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july22.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july23.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july24.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july25.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july26.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july27.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july3.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july4.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july5.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july6.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july7.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july8.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july9.jpg", "", "", "", "", "");
</script> </tr>
</table>
</div>
</BODY>
</HTML>
I can't find the area you were talking about to change
TName:
Just one thing I noticed - the way you access the iframes:
you should replace
top.TopFrame
with
top.document.getElementByI
(same for BottomFrame...)
or your change mentioned.................
TName:
Or top.frames[...] if you want to access an e.g. a variable inside the iFrame:
top.frames[0].isTopFrameLo
instead of
top.TopFrame.isTopFrameLoa
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
... oh i m sorry - "its cannot be fixed without refactoring JavaScript code by hands " =)
ASKER
<HEAD>
<TITLE></TITLE>
<META name="generator" content="Microsoft FrontPage 6.0">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="images/galleryStyle.
<script language="javascript">
<!--
/******************** BROWSER DETECT **************************
/** List of all known user agent names */
var agentNames = new Array("msie ", "netscape6/", "netscape/", "mozilla/", "opera/");
var isIE = (navigator.appName.indexOf
var isMac = (navigator.userAgent.index
var majorVersion = getMajorVersion();
var isIE5Mac = (isIE && majorVersion >= 5 && isMac);
function getMajorVersion() {
var majorVersion = 0;
var verStart = 0;
var agent = navigator.userAgent;
if (agent != null) {
agent = agent.toLowerCase();
for (var i = 0; i < agentNames.length; i++) {
var name = agentNames[i];
var pos = agent.indexOf(name);
if (pos > -1) {
verStart = pos + name.length;
break;
}
}
var verStop = agent.indexOf('.', verStart);
if (verStart != -1 && verStop > verStart && (verStop - verStart) <= 2) {
return parseInt(agent.substring(v
}
}
return majorVersion;
}
/******************** End BROWSER DETECT **************************
//Keyed by image name. Value is the index position of image in the indexed array.
var myImages = new Object();
var myImagesIndexed = new Array();
//store images in.
var preloadObj = new Object();
//Int for position in myImagesIndexed array.
var currentImage = 0;
//Set when bottom frame is loaded.
var isBottomFrameLoaded = false;
function setTopFrameImage(imgName, imgPath) {
var theImage = top.TopFrame.document.imag
theImage.src = imgPath;
//Mac IE 5.2 OSX does not want to update the image, set it to itself to get it to draw.
if (isIE5Mac) {
theImage.src = theImage.src;
}
}
function setImage(imgName, imgPath) {
var theImage = top.document.images[imgNam
theImage.src = imgPath;
}
function previousImage() {
if (currentImage >= 1) {
setTopFrameImage("theImage
setArrows();
updateMetaData();
if (autoAdvance) {
resetAutoAdvance();
}
}
}
function autoNextImage() {
if (currentImage != (myImagesIndexed.length - 1) && myImagesIndexed.length > 1) {
//check to make sure image is ready to display
if ((top.TopFrame && top.TopFrame.isTopFrameLoa
setTopFrameImage("theImage
setArrows();
updateMetaData();
} else {
//Try again to see if image is loaded
setTimeout("autoNextImage(
}
//Set to -1 so auto advance can loop.
} else if (autoAdvance) {
currentImage = -1;
autoNextImage();
}
}
function nextImage() {
if (currentImage != (myImagesIndexed.length - 1) && myImagesIndexed.length > 1) {
autoNextImage();
if (autoAdvance) {
resetAutoAdvance();
}
}
}
var autoAdvance = false;
var intervalTimer = null;
function startAutoAdvance() {
//1000 = 1 sec, 5000 = 5 secs, adjust as desired
var delay = 5000;
//if (allImagesLoaded) {
intervalTimer = setInterval("autoNextImage
autoAdvance = true;
setPausePlayImage();
//}
}
function stopAutoAdvance() {
clearInterval(intervalTime
autoAdvance = false;
setPausePlayImage();
}
function resetAutoAdvance() {
stopAutoAdvance();
startAutoAdvance();
}
function setPausePlayImage() {
var theImg = null;
if (top.isMainPageLoaded) {
if (preloadObj["pause"] && preloadObj["pause_over"] && preloadObj["play"] && preloadObj["play_over"]) {
if (autoAdvance) {
theImg = (overPlayPauseButton) ? "images/pause_over.gif" : "images/pause.gif";
} else {
theImg = (overPlayPauseButton) ? "images/play_over.gif" : "images/play.gif";
}
setImage("pausePlay1", theImg);
setImage("pausePlay2", theImg);
}
} else {
setTimeout("setPausePlayIm
}
}
var allImagesLoaded = false;
function preloadMyImages() {
if (document.images) {
preloadObj["pause_over"] = newImage("../images/pause_
preloadObj["pause"] = newImage("../images/pause.
preloadObj["play_over"] = newImage("../images/play_o
preloadObj["play"] = newImage("../images/play.g
preloadObj["previous_disab
preloadObj["previous"] = newImage("../images/previo
preloadObj["next_disabled"
preloadObj["next"] = newImage("../images/next.g
for (var i=0; i < myImagesIndexed.length; i++) {
preloadObj[myImagesIndexed
//alert(myImagesIndexed[i]
}
}
allImagesLoaded = true;
}
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function togglePlayPauseState() {
if (allImagesLoaded) {
if(autoAdvance) {
stopAutoAdvance();
} else {
startAutoAdvance();
}
}
}
var overPlayPauseButton = false;
function togglePlayPauseImg(state) {
if (allImagesLoaded) {
overPlayPauseButton = (state.toLowerCase() == "over") ? true : false;
setPausePlayImage();
}
}
function jumpToImage(imgName) {
if (top.TopFrame && top.TopFrame.isTopFrameLoa
var index = myImages[imgName];
setTopFrameImage("theImage
//reset timer to ensure full delay is used for the image
if (autoAdvance) {
resetAutoAdvance();
}
currentImage = index;
setArrows();
updateMetaData();
} else {
setTimeout("jumpToImage(im
}
}
/*
//Key to data structure
myImagesIndexed[currentIma
myImagesIndexed[currentIma
myImagesIndexed[currentIma
myImagesIndexed[currentIma
myImagesIndexed[currentIma
myImagesIndexed[currentIma
*/
function updateMetaData() {
if (top.TopFrame && top.TopFrame.isTopFrameLoa
top.TopFrame.document.getE
top.TopFrame.document.getE
top.TopFrame.document.getE
top.TopFrame.document.getE
top.TopFrame.document.getE
} else {
setTimeout("updateMetaData
}
}
function setArrows() {
var prevImg = null;
var nextImg = null;
if (top.isMainPageLoaded && preloadObj["previous"] && preloadObj["previous_disab
prevImg = (currentImage > 0) ? "images/previous.gif" : "images/previous_disabled.
nextImg = (currentImage < (myImagesIndexed.length-1)
setImage("previous1", prevImg);
setImage("previous2", prevImg);
setImage("next1", nextImg);
setImage("next2", nextImg);
} else {
setTimeout("setArrows()", 10);
}
}
function replaceCharacter(str, oldCharacter, newCharacter) {
if(str != -1) {
var strArray = str.split(oldCharacter);
str = strArray.join(newCharacter
//alert(str);
}
return str;
}
//-->
</script>
</HEAD>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" bgcolor="#CCCCCC" onload="isBottomFrameLoade
<div id="thumbnail" align="center">
<table height="82" border="0" cellpadding="4" cellspacing="0">
<tr align="center">
<!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july1.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july10.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july11.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july12.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july13.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july14.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july15.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july16.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july17.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july18.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july19.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july2.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july20.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july21.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july22.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july23.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july24.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july25.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july26.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july27.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july3.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july4.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july5.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july6.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july7.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july8.jpg", "", "", "", "", "");
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status
</td>
<script language="javascript">
var newIndex = myImagesIndexed.length;
myImages[replaceCharacter(
myImagesIndexed[newIndex] = new Array("july9.jpg", "", "", "", "", "");
</script> </tr>
</table>
</div>
</BODY>
</HTML>