Начало
Разное
Слайд-шоу изображения
Показывает серию изображений на автоматизированном слайд-шоу, меню со спуском, или различных средствах управления за слайд-шоу, которые включены, такой как предыдущие и следующие.
Image Slideshow
Cart
AAT
Boat
Enterprise
E-Wing
F-18
Klingon
Landing Craft
Hover Racer
Sith
JavaScript Miscellaneous: Слайд-шоу изображения
<!-- TWO STEPS TO INSTALL IMAGE SLIDESHOW: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <! > <! > <!-- Begin var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs) current = 0; function next() { if (document.slideform.slide[current+1]) { document.images.show.src = document.slideform.slide[current+1].value; document.slideform.slide.selectedIndex = ++current; } else first(); } function previous() { if (current-1 >= 0) { document.images.show.src = document.slideform.slide[current-1].value; document.slideform.slide.selectedIndex = --current; } else last(); } function first() { current = 0; document.images.show.src = document.slideform.slide[0].value; document.slideform.slide.selectedIndex = 0; } function last() { current = document.slideform.slide.length-1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; } function ap(text) { document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop"; rotate(); } function change() { current = document.slideform.slide.selectedIndex; document.images.show.src = document.slideform.slide[current].value; } function rotate() { if (document.slideform.slidebutton.value == "Stop") { current = (current == document.slideform.slide.length-1) ? 0 : current+1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; window.setTimeout("rotate()", rotate_delay); } } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <center> <form name=slideform> <table cellspacing=1 cellpadding=4 bgcolor="#000000"> <tr> <td align=center bgcolor="white"> <b>Image Slideshow</b> </td> </tr> <tr> <td align=center bgcolor="white" width=200 height=150> <img src="cart.gif" name="show"> </td> </tr> <tr> <td align=center bgcolor="#C0C0C0"> <select name="slide" onChange="change();"> <option value="cart.gif" selected>Cart <option value="aat.gif">AAT <option value="boat.gif">Boat <option value="enterprise.gif">Enterprise <option value="ewing.gif">E-Wing <option value="f18.gif">F-18 <option value="klingon.gif">Klingon <option value="landingcraft.gif">Landing Craft <option value="hoverracer.gif">Hover Racer <option value="sith.gif">Sith </select> </td> </tr> <tr> <td align=center bgcolor="#C0C0C0"> <input type=button onClick="first();" value="|<<" title="Beginning"> <input type=button onClick="previous();" value="<<" title="Previous"> <input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay"> <input type=button onClick="next();" value=">>" title="Next"> <input type=button onClick="last();" value=">>|" title="End"> </td> </tr> </table> </form> </center> <!-- Script Size: 3.24 KB -->