I'm trying to get a slideshow going on this page:
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="imageSlideS how0" class="imageInf oListsImage"
style="display: none; height:0px; visibility:hidd en;"><img
class="imageInf oImage"
src="http://www.popefamilyt ravels.com/mcImages/apo-boat2.jpg">
</div>
<div id="imageSlideS how1" class="imageInf oListsImage"
style="display: none; height:0px; visibility:hidd en;"><img
class="imageInf oImage"
src="http://www.popefamilyt ravels.com/mcImages/apo-boat.jpg">
</div>
<div id="imageSlideS how2" class="imageInf oListsImage"
style="display: none; height:0px; visibility:hidd en;"><img
class="imageInf oImage"
src="http://www.popefamilyt ravels.com/mcImages/allsaints.jpg">
</div>
<div id="imageSlideS how3" class="imageInf oListsImage"
style="display: none; height:0px; visibility:hidd en;"><img
class="imageInf oImage"
src="http://www.popefamilyt ravels.com/mcImages/pftheader_copy. jpg">
<h3>pft header</h3>
</div>
<div id="imageSlideS how4" class="imageInf oListsImage"
style="display: none; height:0px; visibility:hidd en;"><img
class="imageInf oImage"
src="http://www.popefamilyt ravels.com/mcImages/planting-rice2.jpg">
<h3>Planting Rice 2</h3>
<p>Closer image of the original</p>
</div>
<script language="JavaS cript">
<!--
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 showImageSlideS how() {
var r = i + 1;
var currentDivId =
'imageSlideShow ' + i;
var nextDivId =
'imageSlideShow ' + r;
alert('the id of the next id is ' +
nextDivId);
if
(document.getEl ementById(curre ntDivId)) {
var currentDiv =
document.getEle mentById(curren tDivId);
var nextDiv =
document.getEle mentById(nextDi vId);
currentDiv.styl e.visibility='h idden';
currentDiv.styl e.height='0px';
currentDiv.styl e.display='none ';
nextDiv.style.v isibility='visi ble';
nextDiv.style.h eight='500px;';
nextDiv.style.d isplay='block';
alert(nextDiv);
}
i++;
if (i == howManyImages) i =
0;
if (i > howManyImages) i =
0;
alert ('how many images is
' + howManyImages') ;
}
setTimeout("sho wImageSlideShow ()", 5000);
</script>
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="imageSlideS how0" class="imageInf oListsImage"
style="display: none; height:0px; visibility:hidd en;"><img
class="imageInf oImage"
src="http://www.popefamilyt ravels.com/mcImages/apo-boat2.jpg">
</div>
<div id="imageSlideS how1" class="imageInf oListsImage"
style="display: none; height:0px; visibility:hidd en;"><img
class="imageInf oImage"
src="http://www.popefamilyt ravels.com/mcImages/apo-boat.jpg">
</div>
<div id="imageSlideS how2" class="imageInf oListsImage"
style="display: none; height:0px; visibility:hidd en;"><img
class="imageInf oImage"
src="http://www.popefamilyt ravels.com/mcImages/allsaints.jpg">
</div>
<div id="imageSlideS how3" class="imageInf oListsImage"
style="display: none; height:0px; visibility:hidd en;"><img
class="imageInf oImage"
src="http://www.popefamilyt ravels.com/mcImages/pftheader_copy. jpg">
<h3>pft header</h3>
</div>
<div id="imageSlideS how4" class="imageInf oListsImage"
style="display: none; height:0px; visibility:hidd en;"><img
class="imageInf oImage"
src="http://www.popefamilyt ravels.com/mcImages/planting-rice2.jpg">
<h3>Planting Rice 2</h3>
<p>Closer image of the original</p>
</div>
<script language="JavaS cript">
<!--
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 showImageSlideS how() {
var r = i + 1;
var currentDivId =
'imageSlideShow ' + i;
var nextDivId =
'imageSlideShow ' + r;
alert('the id of the next id is ' +
nextDivId);
if
(document.getEl ementById(curre ntDivId)) {
var currentDiv =
document.getEle mentById(curren tDivId);
var nextDiv =
document.getEle mentById(nextDi vId);
currentDiv.styl e.visibility='h idden';
currentDiv.styl e.height='0px';
currentDiv.styl e.display='none ';
nextDiv.style.v isibility='visi ble';
nextDiv.style.h eight='500px;';
nextDiv.style.d isplay='block';
alert(nextDiv);
}
i++;
if (i == howManyImages) i =
0;
if (i > howManyImages) i =
0;
alert ('how many images is
' + howManyImages') ;
}
setTimeout("sho wImageSlideShow ()", 5000);
</script>
Comment