Solved

jQuery slideshow - first image not showing

Posted on 2013-06-06
3
287 Views
Last Modified: 2013-06-06
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","img/02_big.gif","img/03_big.gif","img/04_big.gif");
var ImageHolder1 = document.getElementById("photo");

function RotateImages(whichHolder,Start)
{
var a = eval("ImageArr"+whichHolder);
var b = eval("ImageHolder"+whichHolder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
//document.getElementById('slideNumber').textContent = "Slide "+(Start+1)+" of "+ImageArr1.length;
window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",5000);
}

RotateImages(1,0);
</script>
0
Comment
Question by:georgehowell
  • 2
3 Comments
 
LVL 9

Expert Comment

by:Ishaan Rawat
Comment Utility
The first Image is not present.... that is the path of the first image is wrong...


The first image is coming this which do not exist...
http://www.amazinggirl.com.au/img/01_big.png
0
 
LVL 9

Accepted Solution

by:
Ishaan Rawat earned 500 total points
Comment Utility
It should be ...
http://www.amazinggirl.com.au/01_big.gif

But after the first rotation its showing the correct one..
0
 

Author Closing Comment

by:georgehowell
Comment Utility
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
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Introduction HyperText Transfer Protocol (http://www.ietf.org/rfc/rfc2616.txt) or "HTTP" is the underpinning of internet communication.  As a teacher of web development I have heard many questions, mostly from my younger students who have come to t…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now