georgehowell
asked on
jQuery slideshow - first image not showing
the first image is not showing. here's a live link: www.amazinggirl.com.au
here's the html:
<div id="slideshowBox">
<img src="img/01_big.gif" id="photo" />
<!--span id="slideNumber"></span-->
</div>
here's the jQuery:
<!-- SlideShow -->
<script type="text/javascript">
var ImageArr1 = new Array("img/01_big.gif","im g/02_big.g if","img/0 3_big.gif" ,"img/04_b ig.gif");
var ImageHolder1 = document.getElementById("p hoto");
function RotateImages(whichHolder,S tart)
{
var a = eval("ImageArr"+whichHolde r);
var b = eval("ImageHolder"+whichHo lder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
//document.getElementById( 'slideNumb er').textC ontent = "Slide "+(Start+1)+" of "+ImageArr1.length;
window.setTimeout("RotateI mages("+wh ichHolder+ ","+(Start +1)+")",50 00);
}
RotateImages(1,0);
</script>
here's the html:
<div id="slideshowBox">
<img src="img/01_big.gif" id="photo" />
<!--span id="slideNumber"></span-->
</div>
here's the jQuery:
<!-- SlideShow -->
<script type="text/javascript">
var ImageArr1 = new Array("img/01_big.gif","im
var ImageHolder1 = document.getElementById("p
function RotateImages(whichHolder,S
{
var a = eval("ImageArr"+whichHolde
var b = eval("ImageHolder"+whichHo
if(Start>=a.length)
Start=0;
b.src = a[Start];
//document.getElementById(
window.setTimeout("RotateI
}
RotateImages(1,0);
</script>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks Ishaan
I see what I've done wrong now.. my imageresize() function is renaming every image to *_big.png
this is clashing with RotateImages() / slideshow on page load.
I will replace all the images in the slideshow eventually, and make sure they are named *_big.png (it's so i can have an iPhone version, where every image is replaced by *_small.png when the screen width is less than 700
Thank you for your time
Geo
I see what I've done wrong now.. my imageresize() function is renaming every image to *_big.png
this is clashing with RotateImages() / slideshow on page load.
I will replace all the images in the slideshow eventually, and make sure they are named *_big.png (it's so i can have an iPhone version, where every image is replaced by *_small.png when the screen width is less than 700
Thank you for your time
Geo
The first image is coming this which do not exist...
http://www.amazinggirl.com.au/img/01_big.png