Internet & Tech: Picture Rotator Script

Hey Guys,
I'm looking for a script that will rotate pictures (like a slideshow) that is easy to implement and add more pictures too. Someone suggested to me using something like a javascript rotator.

Basically, looking for the same effect as having a flash/video file playing the slideshow, but without the hassle of having to recreate files when updating the pictures.

Thanks for the help!

Yo Chris, go through these... if you dont find anything you like, ping me on Gtalk (paulocal)

Thanks for the links; I'll check them out. Did you notice if any of them were automatic slideshows - so you do not need to push a play button but start as soon as the page is loaded?

That wouldnt be a bad idea. I just need an automatic rotator where you dont actually need to control it (ie no play button) and when the page loads, it will start rotating images. Much like a simple flash animation slideshow type deal, only not in flash.

whip up i mean, not whip out ;)

Damn, if I was here a little sooner there would have been some interesting comments :P

http://www.paulocal.com/d/jspic

I cant see it it, I think I'll need a magnifying glass and tweezers hahah

But yea that is the idea. A little bit longer of a delay between pictures but that is what I am looking for.

Nice choice in pictures btw.

Hey its your wife on there Paul, right on!!

i think i screwed up the script, lemme fix it and ill email it.

Found this list:

http://sixrevisions.com/javascript/free_javascript_image_galleries/</a></p> <p>Mubs</p> <span class="CommentSignature"><a href="http://www.mubashariqbal.com">Mubashar Iqbal | I Build Stuff</a></span> </div> </li></ol> </div><div class="ContentInfo Middle"> <div class="PageInfo"> <p>1 to 21 of 21</p> <ol class="PageList PageListEmpty"> <li> </li> </ol> <br> </div> </div><a href='http://younggogetter.com/adserver/adclick.php?bannerid=24&zoneid=5&source=&dest=https%3A%2F%2Fwww.e-junkie.com%2Fecom%2Fgb.php%3Fii%3D68340%26c%3Dib%26aff%3D13198%26ev%3D46521f101a' target='_parent'><img src='http://younggogetter.com/adserver/adimage.php?filename=468x60.jpg&contenttype=jpeg' width='468' height='60' alt='Rockstar Freelancer' title='Rockstar Freelancer' border='0'></a><div id="beacon_24" style="position: absolute; left: 0px; top: 0px; visibility: hidden;"><img src='http://younggogetter.com/adserver/adlog.php?bannerid=24&clientid=16&zoneid=5&source=&block=0&capping=0&cb=804895133e391dd75d7d91ace39b6990' width='0' height='0' alt='' style='width: 0px; height: 0px;'></div><div id="Form" class="AddComments"> <fieldset> <legend>Add your comments</legend><form id="frmPostComment" method="post" action="http://younggogetter.com/forum/post/"><input type="hidden" name="CommentID" value="0" /> <input type="hidden" name="DiscussionID" value="2018" /> <input type="hidden" name="PostBackAction" value="SaveComment" /> <input type="hidden" name="UserCommentCount" value="0" /> <input type="hidden" name="AuthUserID" value="0" /> <ul><table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="CredentialsLabel LabelUsername">Username</td> <td class="CredentialsLabel LabelPassword">Password</td> </tr> <tr> <td class="CredentialsInput InputUsername"><input type="text" name="Username" value="" /></td> <td class="CredentialsInput InputPassword"><input type="password" name="Password" value="" /></td> </tr> </table><li> <label for="WhisperUsername">Whisper your comments to <small>(optional)</small></label> <input id="WhisperUsername" name="WhisperUsername" type="text" value="" class="Whisper AutoCompleteInput" maxlength="20" /> <script type="text/javascript"> var WhisperAutoComplete = new AutoComplete("WhisperUsername", false); WhisperAutoComplete.TableID = "WhisperAutoCompleteResults"; WhisperAutoComplete.KeywordSourceUrl = "/forum/ajax/getusers.php?Search="; </script> </li> <li> <label for="CommentBox"> <a href="./" id="CommentBoxController" onclick="ToggleCommentBox('/forum/ajax/switch.php', 'small input', 'big input'); return false;">big input</a>Enter your comments </label> <textarea name="Body" class="SmallCommentBox" id="CommentBox" rows="10" cols="85"></textarea> </li> <li id="CommentFormats">Format comments as <input type="radio" name="FormatType" id="Radio_Text" value="Text" checked="checked" class="FormatTypeRadio" /> <label for="Radio_Text" class="Radio">Text</label> <input type="radio" name="FormatType" id="Radio_Html" value="Html" class="FormatTypeRadio" /> <label for="Radio_Html" class="Radio">Html</label> </li></ul><div class="Submit"> <input type="submit" name="btnSave" value="Add your comments" class="Button SubmitButton AddCommentsButton" onclick="Wait(this, 'Wait');" /><input name="btnPreview" value="Preview Post" class="Button SubmitButton PreviewButton" type="button" onclick="showpreview('http://younggogetter.com/forum/', {id : 0, name : 'Guest'});" /> </div> </form> </fieldset> </div><div class="ContentInfo Bottom"> <a href="http://younggogetter.com/forum/discussions/" class="left">Back to Discussions</a> <!--<a href="http://younggogetter.com/forum/discussion/2018/#pgtop">Top of Page</a>--> </div></div> <a id="pgbottom" name="pgbottom"> </a> </div> </div> <!-- end container --> </div> <!-- end main --> </div> <!-- end wrapper --> <div id="footer"> <div> <p class="left"> © 2007 <a href="http://www.younggogetter.com/">YoungGoGetter.com</a>.   All rights reserved.    <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" title="Creative Commons"><img style="vertical-align:middle;" src="http://i.creativecommons.org/l/by-nc-sa/3.0/80x15.png" alt="Creative Commons"></a>    <a href="http://www.wordpress.org" title="Wordpress"><img style="vertical-align:middle;" src="http://www.younggogetter.com/wp-content/themes/mrclean/images/wordpress.gif" alt="Wordpress"></a>    <a href="http://www.getvanilla.com/" title="Vanilla"><img style="vertical-align:middle;" src="http://www.younggogetter.com/wp-content/themes/mrclean/images/vanilla.gif" alt="Vanilla"></a>    <a href="http://www.mediatemple.net" title="MediaTemple"><img style="vertical-align:middle;" src="http://www.younggogetter.com/wp-content/themes/mrclean/images/media-temple.gif" alt="MediaTemple"></a> </p> </div> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-177561-2"; urchinTracker(); </script> <!-- end footer --> </body> </html>