L
lkrubner
I'm trying to get a slideshow going on this page:
http://www.popefamilytravels.com/index.php?pageId=5
For some reason the debugger in Firefox won't show any errors, but
there are clearly some errors here. The function doesn't work, even
once. It was firing once and then quiting till a few moments ago, then
I did something, I don't know what, and it stopped working all
together. Here is the code (the lines that start with 'function
SymError()' are I think something that Firefox writes automatically. I
did not write that function):
<div id="imageSlideShow0" class="imageInfoListsImage"
style="display:none; height:0px; visibility:hidden;"><img
class="imageInfoImage"
src="http://www.popefamilytravels.com/mcImages/apo-boat2.jpg">
</div>
<div id="imageSlideShow1" class="imageInfoListsImage"
style="display:none; height:0px; visibility:hidden;"><img
class="imageInfoImage"
src="http://www.popefamilytravels.com/mcImages/apo-boat.jpg">
</div>
<div id="imageSlideShow2" class="imageInfoListsImage"
style="display:none; height:0px; visibility:hidden;"><img
class="imageInfoImage"
src="http://www.popefamilytravels.com/mcImages/allsaints.jpg">
</div>
<div id="imageSlideShow3" class="imageInfoListsImage"
style="display:none; height:0px; visibility:hidden;"><img
class="imageInfoImage"
src="http://www.popefamilytravels.com/mcImages/pftheader_copy.jpg">
<h3>pft header</h3>
</div>
<div id="imageSlideShow4" class="imageInfoListsImage"
style="display:none; height:0px; visibility:hidden;"><img
class="imageInfoImage"
src="http://www.popefamilytravels.com/mcImages/planting-rice2.jpg">
<h3>Planting Rice 2</h3>
<p>Closer image of the original</p>
</div>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script type="text/javascript">
alert('here we are at the beginning');
var howManyImages = 5;
var i = 0;
function showImageSlideShow() {
var r = i + 1;
var currentDivId =
'imageSlideShow' + i;
var nextDivId =
'imageSlideShow' + r;
alert('the id of the next id is ' +
nextDivId);
if
(document.getElementById(currentDivId)) {
var currentDiv =
document.getElementById(currentDivId);
var nextDiv =
document.getElementById(nextDivId);
currentDiv.style.visibility='hidden';
currentDiv.style.height='0px';
currentDiv.style.display='none';
nextDiv.style.visibility='visible';
nextDiv.style.height='500px;';
nextDiv.style.display='block';
alert(nextDiv);
}
i++;
if (i == howManyImages) i =
0;
if (i > howManyImages) i =
0;
alert ('how many images is
' + howManyImages');
}
setTimeout("showImageSlideShow()", 5000);
</script>
http://www.popefamilytravels.com/index.php?pageId=5
For some reason the debugger in Firefox won't show any errors, but
there are clearly some errors here. The function doesn't work, even
once. It was firing once and then quiting till a few moments ago, then
I did something, I don't know what, and it stopped working all
together. Here is the code (the lines that start with 'function
SymError()' are I think something that Firefox writes automatically. I
did not write that function):
<div id="imageSlideShow0" class="imageInfoListsImage"
style="display:none; height:0px; visibility:hidden;"><img
class="imageInfoImage"
src="http://www.popefamilytravels.com/mcImages/apo-boat2.jpg">
</div>
<div id="imageSlideShow1" class="imageInfoListsImage"
style="display:none; height:0px; visibility:hidden;"><img
class="imageInfoImage"
src="http://www.popefamilytravels.com/mcImages/apo-boat.jpg">
</div>
<div id="imageSlideShow2" class="imageInfoListsImage"
style="display:none; height:0px; visibility:hidden;"><img
class="imageInfoImage"
src="http://www.popefamilytravels.com/mcImages/allsaints.jpg">
</div>
<div id="imageSlideShow3" class="imageInfoListsImage"
style="display:none; height:0px; visibility:hidden;"><img
class="imageInfoImage"
src="http://www.popefamilytravels.com/mcImages/pftheader_copy.jpg">
<h3>pft header</h3>
</div>
<div id="imageSlideShow4" class="imageInfoListsImage"
style="display:none; height:0px; visibility:hidden;"><img
class="imageInfoImage"
src="http://www.popefamilytravels.com/mcImages/planting-rice2.jpg">
<h3>Planting Rice 2</h3>
<p>Closer image of the original</p>
</div>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script type="text/javascript">
alert('here we are at the beginning');
var howManyImages = 5;
var i = 0;
function showImageSlideShow() {
var r = i + 1;
var currentDivId =
'imageSlideShow' + i;
var nextDivId =
'imageSlideShow' + r;
alert('the id of the next id is ' +
nextDivId);
if
(document.getElementById(currentDivId)) {
var currentDiv =
document.getElementById(currentDivId);
var nextDiv =
document.getElementById(nextDivId);
currentDiv.style.visibility='hidden';
currentDiv.style.height='0px';
currentDiv.style.display='none';
nextDiv.style.visibility='visible';
nextDiv.style.height='500px;';
nextDiv.style.display='block';
alert(nextDiv);
}
i++;
if (i == howManyImages) i =
0;
if (i > howManyImages) i =
0;
alert ('how many images is
' + howManyImages');
}
setTimeout("showImageSlideShow()", 5000);
</script>