Fast Slide Show and Generator

JavaScriptSource Staff May 19, 2003

JS slide show with transition of choice and sound. Include any of the 22 transitions after previewing them. No preloading of images that slow down page load. Use the generator to create your own JS slide show.

Select a transition; preview it and afterwards click to include it in your slideshow!!

Enter here the number of pictures you want to include:

Just copy and paste this script where you want the image to appear:

The JavaScript Source: Miscellaneous: Fast Slide Show and Generator

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

<!-- ONE STEP TO INSTALL FAST SLIDE SHOW AND GENERATOR:

1.  Copy the coding into the BODY of your HTML document  -->

<BODY>

<span>
<script>

imga924180="1.gif"

so924180="DingDong.wav"

imga924181="14.gif"

so924181="gear_german_engage.wav"

imga924182="11.gif"

so924182="50gun_01.wav"

d392418="180"

d492418="180"

d592418="My pictures"

d692418="lime"

d792418="inset"

d892418="3px"

d992418="black"

d1092418="15px"

d1192418="3"

camina92418=-1;function sou92418(){soun92418.innerHTML="<embed src='"+eval("so92418"+camina92418)+"' hidden='true'>"};function adda92418(){if (camina92418<2){camina92418++};for (d92418=0;d92418<3;d92418++){imga92418(d92418).style.visibility="hidden"};imga92418(camina92418).style.filter=("revealtrans(transition="+trans.options.selectedIndex+",duration="+d1192418+")");imga92418(camina92418).filters.item(0).apply();imga92418(camina92418).style.visibility="visible";imga92418(camina92418).filters.item(0).play()};function atr92418(){if (camina92418>0){camina92418--};for (d92418=0;d92418<3;d92418++){imga92418(d92418).style.visibility="hidden"};imga92418(camina92418).style.filter=("revealtrans(transition="+trans.options.selectedIndex+",duration="+d1192418+")");imga92418(camina92418).filters.item(0).apply();imga92418(camina92418).style.visibility="visible";imga92418(camina92418).filters.item(0).play()};document.write("<table><td><span style='background-color:"+d992418+";border:"+d692418+" "+d792418+" "+d892418+";border-bottom:0px solid "+d692418+";width:"+eval(eval(d392418)+eval(10))+";font-size:"+d1092418+";overflow:hidden;position:static;color:"+d692418+"'><center>"+d592418+"</center></span><br><span style='background-color:"+d992418+";border:"+d692418+" "+d792418+" "+d892418+";width:"+eval(eval(d392418)+eval(10))+";height:"+eval(eval(d492418)+eval(10))+";overflow:hidden;position:static;padding:5'>");document.write("<span style='position:absolute;left:-99999999' id='soun92418'>");for (uma92418=0;uma92418<3;uma92418++){document.write("<embed src="+eval("so92418"+uma92418)+" hidden='true' autostart=false>")};document.write("</span>");for (uma92418=0;uma92418<3;uma92418++){document.write("<img src="+eval("imga92418"+uma92418)+" style='position:absolute;visibility:hidden' id='imga92418'>")};document.write("</span></a><br><span style='background-color:"+d992418+";border:"+d692418+" "+d792418+" "+d892418+";border-top:0px solid "+d692418+";width:"+eval(eval(d392418)+eval(10))+";overflow:hidden;position:static'><center><input type=button value='<<' onfocus=this.blur() style='color:"+d692418+";background-color:"+d992418+"' onclick=atr92418();sou92418() style='border-color:"+d692418+"'><input type=button style='border-color:"+d692418+"' value='>>' onfocus=this.blur() style='color:"+d692418+";background-color:"+d992418+"'  onclick=adda92418();sou92418()></center></span></table>")</script>
<br><br>Select a transition; preview it and afterwards click to include it in your slideshow!!<br><br><select name="trans">
 <option>Box in 
 <option>Box out 
 <option>Circle in 
 <option>Circle out 
 <option>Wipe up 
 <option>Wipe down 
  <option>Wipe right 
 <option>Wipe left 
  <option>Vertical blinds 
  <option>Horizontal blinds 
 <option> Checkerboard across 
  <option>Checkerboard down 
  <option>Random dissolve 
  <option>Split vertical in 
  <option>Split vertical out 
  <option>Split horizontal in 
  <option>Split horizontal out 
  <option>Strips left down 
 <option>Strips left up 
  <option>Strips right down 
  <option>Strips right up 
  <option>Random bars horizontal 
  <option>Random bars vertical 
 <option>Random transition
</select>

clrar.value+="camina"+r+"=-1;function sou"+r+"(){soun"+r+".innerHTML="+K+"<embed src='"+K+"+eval("+K+"so"+r+""+K+"+camina"+r+")+"+K+"' hidden='true'>"+K+"};function adda"+r+"(){if (camina"+r+"<"+eval(eval(num.value)-eval(1))+"){camina"+r+"++};for (d"+r+"=0;d"+r+"<"+num.value+";d"+r+"++){imga"+r+"(d"+r+").style.visibility="+K+"hidden"+K+"};imga"+r+"(camina"+r+").style.filter=("+K+"revealtrans(transition="+trans.options.selectedIndex+",duration="+K+"+d11"+r+"+"+K+")"+K+");imga"+r+"(camina"+r+").filters.item(0).apply();imga"+r+"(camina"+r+").style.visibility="+K+"visible"+K+";imga"+r+"(camina"+r+").filters.item(0).play()};function atr"+r+"(){if (camina"+r+">0){camina"+r+"--};for (d"+r+"=0;d"+r+"<"+num.value+";d"+r+"++){imga"+r+"(d"+r+").style.visibility="+K+"hidden"+K+"};imga"+r+"(camina"+r+").style.filter=("+K+"revealtrans(transition="+trans.options.selectedIndex+",duration="+K+"+d11"+r+"+"+K+")"+K+");imga"+r+"(camina"+r+").filters.item(0).apply();imga"+r+"(camina"+r+").style.visibility="+K+"visible"+K+";imga"+r+"(camina"+r+").filters.item(0).play()};document.write("+K+"<table><td><span style='background-color:"+K+"+d9"+r+"+"+K+";border:"+K+"+d6"+r+"+"+K+" "+K+"+d7"+r+"+"+K+" "+K+"+d8"+r+"+"+K+";border-bottom:0px solid "+K+"+d6"+r+"+"+K+";width:"+K+"+eval(eval(d3"+r+")+eval(10))+"+K+";font-size:"+K+"+d10"+r+"+"+K+";overflow:hidden;position:static;color:"+K+"+d6"+r+"+"+K+"'><center>"+K+"+d5"+r+"+"+K+"</center></span><br><span style='background-color:"+K+"+d9"+r+"+"+K+";border:"+K+"+d6"+r+"+"+K+" "+K+"+d7"+r+"+"+K+" "+K+"+d8"+r+"+"+K+";width:"+K+"+eval(eval(d3"+r+")+eval(10))+"+K+";height:"+K+"+eval(eval(d4"+r+")+eval(10))+"+K+";overflow:hidden;position:static;padding:5'>"+K+");document.write("+K+"<span style='position:absolute;left:-99999999' id='soun"+r+"'>"+K+");for (uma"+r+"=0;uma"+r+"<"+num.value+";uma"+r+"++){document.write("+K+"<embed src="+K+"+eval("+K+"so"+r+""+K+"+uma"+r+")+"+K+" hidden='true' autostart=false>"+K+")};document.write("+K+"</span>"+K+");for (uma"+r+"=0;uma"+r+"<"+num.value+";uma"+r+"++){document.write("+K+"<img src="+K+"+eval("+K+"imga"+r+""+K+"+uma"+r+")+"+K+" style='position:absolute;visibility:hidden' id='imga"+r+"'>"+K+")};document.write("+K+"</span></a><br><span style='background-color:"+K+"+d9"+r+"+"+K+";border:"+K+"+d6"+r+"+"+K+" "+K+"+d7"+r+"+"+K+" "+K+"+d8"+r+"+"+K+";border-top:0px solid "+K+"+d6"+r+"+"+K+";width:"+K+"+eval(eval(d3"+r+")+eval(10))+"+K+";overflow:hidden;position:static'><center><input type=button value='<<' onfocus=this.blur() style='color:"+K+"+d6"+r+"+"+K+";background-color:"+K+"+d9"+r+"+"+K+"' onclick=atr"+r+"();sou"+r+"() style='border-color:"+K+"+d6"+r+"+"+K+"'><input type=button style='border-color:"+K+"+d6"+r+"+"+K+"' value='>>' onfocus=this.blur() style='color:"+K+"+d6"+r+"+"+K+";background-color:"+K+"+d9"+r+"+"+K+"'  onclick=adda"+r+"();sou"+r+"()></center></span></table>"+K+")"

clrar.value+="</"+F+"cript>"
}
function ena(){
if (tar.checked==true){
tar2.disabled=false
tar3.disabled=false
}
if (tar.checked==false){
tar2.disabled=true
tar3.disabled=true
}
if (tar3.checked==true){
tar2.disabled=true
}
}
</script><br><br>Enter here the number of pictures you want to include: <input name="num" type="text" value="3"><br><br>
<input type="button" value="Generate" onclick=gene()>

<br><br>Just copy and paste this script where you want the image to appear:<br><br>
<textarea cols=80 rows=15 name="clrar">

</textarea>
<br><br><input type="button" value="Select and copy" onclick='clrar.createTextRange().execCommand("SelectAll");clrar.createTextRange().execCommand("Copy");'>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Fast Slide Show and Generator

Leave a Response

Attention JavaScript Coders

Go Deeper