نمایش تصاویر به صورت Slide

ابتدا این کد را در قسمت <head> قرار دهید

<script language="JavaScript"> //Preloaded slideshow script- By Jason Moon //For this script and more //Visit http://www.dynamicdrive.com // PUT THE URL'S OF YOUR IMAGES INTO THIS ARRAY... var Slides = new Array('image1.gif','image2.gif','image3.gif'); // DO NOT EDIT BELOW THIS LINE! function CacheImage(ImageSource) { // TURNS THE STRING INTO AN IMAGE OBJECT var ImageObject = new Image(); ImageObject.src = ImageSource; return ImageObject; } function ShowSlide(Direction) { if (SlideReady) { NextSlide = CurrentSlide + Direction; // THIS WILL DISABLE THE BUTTONS (IE-ONLY) document.SlideShow.Previous.disabled = (NextSlide == 0); document.SlideShow.Next.disabled = (NextSlide == (Slides.length-1)); if ((NextSlide >= 0) && (NextSlide < Slides.length)) { document.images['Screen'].src = Slides[NextSlide].src; CurrentSlide = NextSlide++; Message = 'Picture ' + (CurrentSlide+1) + ' of ' + Slides.length; self.defaultStatus = Message; if (Direction == 1) CacheNextSlide(); } return true; } } function Download() { if (Slides[NextSlide].complete) { SlideReady = true; self.defaultStatus = Message; } else setTimeout("Download()", 100); // CHECKS DOWNLOAD STATUS EVERY 100 MS return true; } function CacheNextSlide() { if ((NextSlide < Slides.length) && (typeof Slides[NextSlide] == 'string')) { // ONLY CACHES THE IMAGES ONCE SlideReady = false; self.defaultStatus = 'Downloading next picture...'; Slides[NextSlide] = CacheImage(Slides[NextSlide]); Download(); } return true; } function StartSlideShow() { CurrentSlide = -1; Slides[0] = CacheImage(Slides[0]); SlideReady = true; ShowSlide(1); } </script>

سپس این کد را در قسمت <BODY> قرار دهید

<form name="SlideShow"> <table> <tr> <td colspan=2><img name="Screen" width=108 height=135></td> </tr> <tr> <td><input type="button" name="Previous" value=" << " onClick="ShowSlide(-1)"></td> <td align="right"><input type="button" name="Next" value=" >> " onClick="ShowSlide(1)"></td> </table> </form>

ali 1384/06/17 ساعت 12:04

بلاگ توپ

بلاگ توپ