Answer
Down near the bottom there should be a list stores the slides:
<option value="http://ricocheting.com/slideshow_thumb_alpine.jpg" selected>Olympic National Park</option>
<option value="http://ricocheting.com/slideshow_thumb_rainier.jpg">Mount Rainier National Park</option>
<option value="http://ricocheting.com/slideshow_thumb_teton.jpg">Teton National Park</option>
<option value="http://ricocheting.com/slideshow_thumb_jasper.jpg">Jasper National Park</option>
The first part contains the slide image URL then the second part contains the slide description. Just keep adding as many more as you need.
Doesn't loop back to first image after user clicks to end
is there any way the slideshow could NOT loop back to the first image when the user clicks all the way to the end, like the "next" button would not do anything once they've reached the end so it just stops.
Answer
to prevent it from rolling over and starting again, change:
x=num%fs.length;
if(x<0) x=fs.length-1;
x=num;
if(x>=fs.length) x=fs.length-1;
if(x<0) x=0;
Slide show ID can only contain numbers and letters
I'm getting this error when I generate the code, but there are only letters in my ID. I've taken out spaces and everything. Lil' help.
[edit] I found out the issue was a letter can't be capitalized. Thanks.
[edit] I found out the issue was a letter can't be capitalized. Thanks.
Centering
Mine keeps aligning to the left of my screen? How do I center it?
Answer
The table the slideshow is in can be aligned to the center. Change:
<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;">
to:<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;" align="center">
Question: Using my own control button images
What would I need to do in order to use the buttons in image mapping.
Like, say I made two images of buttons (<< & >>) and wanted them to act as back and forward instead of the buttons it creates, what would I need to do?
Like, say I made two images of buttons (<< & >>) and wanted them to act as back and forward instead of the buttons it creates, what would I need to do?
Answer
replace the four buttons with:
<a href="#" onclick="rotate(0);return false;"><img src="start.jpg"></a>
<a href="#" onclick="rotate(x-1);return false;"><img src="prev.jpg"></a>
<a href="#" onclick="rotate(x+1);return false;"><img src="next.jpg"></a>
<a href="#" onclick="rotate(this.form.slide.length-1);return false;"><img src="end.jpg"></a>
Question: Remove the play buttons & Pull down menu
I would like to remove the play buttons and the slide selector. How would I do that without messing up the sideshow from running?
[edit]
Is there a way to simply hide the Slide Selector so its function is still there, but it won't be shown on the webpage?
Is there a way to simply hide the Slide Selector so its function is still there, but it won't be shown on the webpage?
I ask because i need to put multiple slides on one page and Slideshow v2.0 doesn't allow that
Answer
You can remove the play/stop/next/last/prev buttons if you want. However the Slide Selector is required as that is where the actual slide URLs are stored so it can't be removed-removed.
However, you had an interesting idea. You can hide the table row that contains selector. Change:
I tried it and it works in IE8, FF3.6, Chrome6.
<tr><td align="center" style="border:1px black solid;">
to<tr><td align="center" style="display:none;">
I tried it and it works in IE8, FF3.6, Chrome6.
Can you give specific
Can you give specific instructions as to what to remove from the code to get rid of the play/stop/next/last/prev buttons?
Answer
To remove the play/stop/next/last/prev buttons, delete the following:
<tr><td align="center" style="border:1px black solid;">
<input type="button" onclick="rotate(0);" value="ll<<" title="Jump to beginning" />
<input type="button" onclick="rotate(x-1);" value="<<" title="Last Picture" />
<input type="button" name="fa" onClick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Start" title="Autoplay" style="width:75px;" />
<input type="button" onclick="rotate(x+1);" value=">>" title="Next Picture" />
<input type="button" onclick="rotate(this.form.slide.length-1);" value=">>ll" title="Jump to end" />
</td></tr>
Stop at end of show
Hi great code, works very well and I appreciate the work and glad to give you the link.
I would like to have the show stop at the end of the images instead of a continuous loop.
Have a great Day!
Answer: Autoplay stops after one playthrough
Change the autoplay function from something like (the 5000 number might be different depending on Autoplay Delay entered):
function auto() {
if(document.ff.fa.value == "Stop"){
rotate(++x);setTimeout("auto()", 5000);}}
function auto() {
if(document.ff.fa.value == "Stop" && x!=document.ff.slide.length-1){
rotate(++x);setTimeout("auto()", 5000);}
else{document.ff.fa.value="Start"}}
Question: Resize the whole slide show
Is there a way to resize the whole slide show area. I want the whole thing to be about a width of 350 and height of 600?
Answer - Static width and height
If you want to set a static width and height, you can edit the table
<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;">
and update it to the width and height you want.<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;" width="350" height="600">
Question: Changing Background Color
If I wanted to change the background color of the slideshow, could I? Currently, it appears transparent, allowing the background of the website to show through. How would I go about setting the slideshow's background color to something different?
- Answer
If you want to change the background color of the entire thing, you can edit the table
<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;">
and update it to the hex color value to the color you want.<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;background:#C0C0C0;">
- Answer: Forcing a specific width
You can stick a width="640" property on the <img> and NOT put the height tag. That generally allows the height to automatically adjust so the image won't distort.
However, for the best results you should edit/resize the images themselves before you upload them to your website.
However, for the best results you should edit/resize the images themselves before you upload them to your website.
Answer: Start Autoplay on Page Load
you can make it autostart by adding:
window.onload=function(){document.ff.fa.value="Stop";auto();}
at the bottom of the javascript right before the closing </script>Fix for AutoPlay (with multiple slideshows)
Here is what I came up with:
In BOLD are the critical missing elements if you are using a custom slideshow ID (other than the default "slide1" one).
Just wanted to share my results. Thank you again!
window.onload=function(){document.ff_NAMEOFMYSLIDESHOW.fa.value="Stop";auto_NAMEOFMYSLIDESHOW();}
In BOLD are the critical missing elements if you are using a custom slideshow ID (other than the default "slide1" one).
Just wanted to share my results. Thank you again!
Question: Changing the text size of the description
First, thank you for the slideshow. It's just what we were looking for.
How can we change the height and width the cell where the description is displayed? Some of our descriptions are lengthy.
How can we change the height and width the cell where the description is displayed? Some of our descriptions are lengthy.
Adding more than 10 slides