Image Slideshow v2 HTML Generator

Notes before starting

  • This is a more complex Slideshow Generator. Through this generator you can make a slide show javascript with a wide variety of display and mechanical options. There is also the original slideshow script that uses a lot less code (however, it also has fewer options).

Examples/Help


Step 1: Configuration
Mechanics
Preload Slides: (load upcoming slides in background)
Random Slide Order: (slide order randomized on page load)
Autoplay
Autoplay on page load: (slideshow starts when page loads)
Autoplay Delay: (seconds between slides)
Show Autoplay Delay Control:
Transitions
Use Transition:
(note: these only work in Internet Explorer)
Show Transition Controls:
Controls
No Controls



Display Options
Show Slide Title:
Show Slide Number:
Show Text Links:
Show "Jump To" Box:



Step 2: Adding Images
Slide URL:  
Link URL:
Slide Title:
     



Step 3: Generating
   



Step 4: Cut-and-Pasting
Cut-and-paste the below code into the html file where your slideshow will be:

Comments

Question: Center Align

I was wondering if is possible to center align the slide show, currently is set to left justify.

Answer

To center align the slideshow, change
<table border="1" cellpadding="2" cellspacing="0">to
<table border="1" cellpadding="2" cellspacing="0" align="center">

Javascript

My name is happy from melbourne . 3 years ago i did study in multimedia and learn graphics desigs falsh and other stuff. before go to uni i was expert in javascript only coz years ago i was able to download source code of your generators. I learn lot of things from of coding (javascript) your generators. But i forgot all coz i start doing graphics design but now i wanna learn again back about javascript. So Some how can you give me your drop down menu generator code if its possible some how so i can look at them and learn again back.
May be here you thinking that there is lots resource available on web but your coding is in easy way and best way and i also wanna develop something similer that alll

Answer

HTML Drop Down Menu Generator
Then: Edit (or Page or View depending on browser) > View Source

Question: Can I make slideshow disappear after one run

thank you so much for writing such a simple and useful code. I was wondering, is there any way to make the slideshow disappear all together after one run? I am making a sort of slide-in effect using multiple images running at fast speed. But the problem is that when its done i want it to stop, but it keeps going again and again.

Thank you again,
Sergey.

Answer

There's no easy way to make it disappear after one run. However, if you are comfortable enough to edit it, you can make it work. In the SetSlide() function, change i=num%theimage.length; to
i=num;
if(i>=theimage.length){playing=clearTimeout(playing);document.getElementById('slide_table').style.visibility="hidden";return;}
and change the table from <table border="1" cellpadding="2" cellspacing="0"> to <table border="1" cellpadding="2" cellspacing="0" id="slide_table"> That will make the everything inside that table hide itself after it plays through once. If you want to actually REMOVE the the table (will generally resize the page afterward to make up for the missing content) use style.display="none" instead of the style.visibility="hidden"

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.