Forums > transitions

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

fussypuss

Aug 30 2005, 04:11 AM

how do you create something like a slide transition on a picture?

baller30

Aug 30 2005, 01:21 PM

are you just trying to create a picture slide show?

but if you need any scripts for anything got to:

dyncamicdrive.com

here is the code to create a slide show if that is what you are trying to do:

<!-- begin code provided by createblog.com --><br /><br /><script language="Javascript"><br />function switchImage(imgName, imgSrc) <br />{<br />  if (document.images)<br />  {<br />    if (imgSrc != "none")<br />    {	document.images[imgName].src = imgSrc;	}  }<br />}<br /><br /><!--edit this only--><br /> var mySlideList1 = ['./pics/1.jpg', './pics/2.jpg', './pics/3.jpg', './pics/4.jpg', './pics/5.jpg', './pics/6.jpg', './pics/7.jpg', './pics/8.jpg', './pics/9.jpg', './pics/10.jpg', './pics/11.jpg', './pics/12.jpg','./pics/13.jpg', './pics/14.jpg', './pics/15.jpg', './pics/16.jpg', './pics/17.jpg', './pics/18.jpg','./pics/19.jpg', './pics/20.jpg', './pics/21.jpg', './pics/4.jpg', './pics/5.jpg', './pics/6.jpg', './pics/22.jpg', './pics/23.jpg', './pics/24.jpg', './pics/25.jpg', './pics/26.jpg', './pics/27.jpg','./pics/28.jpg', './pics/29.jpg', './pics/30.jpg', './pics/31.jpg', './pics/32.jpg', './pics/33.jpg', './pics/34.jpg', './pics/35.jpg', './pics/36.jpg', './pics/37.jpg', './pics/38.jpg', './pics/39.jpg', './pics/40.jpg', './pics/41.jpg', './pics/42.jpg', './pics/43.jpg'];<br /><!--end edit--><br /> var mySlideShow1 = new SlideShow(mySlideList1, 'slide1', 3000, "mySlideShow1");<br /> function SlideShow(slideList, image, speed, name)          <br />{<br />  this.slideList = slideList;<br />  this.image = image;<br />  this.speed = speed;<br />  this.name = name;<br />  this.current = 0;<br />  this.timer = 0;<br />}<br />SlideShow.prototype.play = SlideShow_play;  <br />function SlideShow_play()       <br />{<br />  with(this)<br />  {<br />    if(current++ == slideList.length-1) current = 0;<br />    switchImage(image, slideList[current]);<br />    clearTimeout(timer);<br />    timer = setTimeout(name+'.play()', speed);<br />  }<br />}<br /><br /><br /></script><br /><br /><!-- end code provided by createblog.com -->

put that anywhere in the body of your document

then put this in your body tag:

<!-- begin code provided by createblog.com --><br /><br />onLoad="mySlideShow1.play(); "<br /><br /><!-- end code provided by createblog.com -->

pic one image to start the slide show and do this:

<!-- begin code provided by createblog.com --><br /><br /><br /><img src="1.jpg" name="slide1" width="160" height="120"><br /><br /><!-- end code provided by createblog.com -->

i woudl suggest putting the image^ before the script so you can edit the image and script accordingly

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.