There was a photography site I shameless got inspired from and used it to have rotating images at the top of my site. Its spaced out, but only by css. The effect applies. I believe the credits are sitting in the Javascripts.
http://www.zeuscomics.com On Apr 19, 1:32 pm, Lorin Rivers <[EMAIL PROTECTED]> wrote: > Hi there, > > I found this snippet:http://snippets.dzone.com/posts/show/1068 > > I modified it very slightly to suit my needs, but I'm really not that > knowledgeable about JS so I'm looking for help from the community. > > I'd like it to loop forever (and possibly randomize the slide order). > > I think making it loop will fix the couple errors that show in Firebug > at the end of the loop. "element has no properties" for Appear and > Fade. > > Here's my code: > <div id="slideshow"> > <div id="slideshow0" class="slide"><img src="/wp-content/images/ > slideshow/1.jpg" /></div> > <div id="slideshow1" class="slide" style="display: none;"><img src="/ > wp-content/images/slideshow/2.jpg" /></div> > <div id="slideshow2" class="slide" style="display: none;"><img src="/ > wp-content/images/slideshow/3.jpg" /></div> > <div id="slideshow3" class="slide" style="display: none;"><img src="/ > wp-content/images/slideshow/4.jpg" /></div> > <div id="slideshow4" class="slide" style="display: none;"><img src="/ > wp-content/images/slideshow/5.jpg" /></div> > <div id="slideshow5" class="slide" style="display: none;"><img src="/ > wp-content/images/slideshow/6.jpg" /></div> > <script type="text/javascript"> > start_slideshow(0, 6, 4000); > function start_slideshow(start_frame, end_frame, delay) { > setTimeout(switch_slides(start_frame,start_frame,end_frame, > delay), delay); > } > > function switch_slides(frame, start_frame, end_frame, delay) { > return (function() { > Effect.Fade('slideshow' + frame); > if (frame == end_frame) { frame = start_frame; } else > { frame = frame + 1; } > setTimeout("Effect.Appear('slideshow" + frame + "');", > 850); > setTimeout(switch_slides(frame, start_frame, end_frame, > delay), delay + 850); > }) > } > > </script> > </div> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
