Can someone tell me where I can find this script? It's the banner rotator at the top of this page:

http://www.mainstreetfair.com

I am looking specifically for that code, and I was in the source, copied and pasted it, into a page, but the images don't load, just the controls do, so I am guessing it's a javascript that is missing. I am looking for that exact idea and couldn't it. I want to advertise rates for my adspace site.

Ps: It's the script that has the little tiny control buttons in the images on the bottom left of the large advertisements.

Thanks!
-Brian

139 views and no replies? Hmmm, maybe no one is in the mood to reply?

You need this html:

<!---------- Begin Slideshow ---------->

<div id="slideshowContainer">
    
    <div id="slide1" class="slideContainer fade" style="left: 0px; top: 0px; z-index: 1;"><img src="assets/slide_1.jpg" alt="" title="" border="0"></div>
    <div id="slide2" class="slideContainer fade" style="left: 0px; top: 0px; z-index: 2; display: none;"><img src="assets/slide_2.jpg" alt="" title="" border="0"></div>
    <div id="slide3" class="slideContainer fade" style="left: 0px; top: 0px; z-index: 2; display: none;"><img src="assets/slide_3.jpg" alt="" title="" border="0"></div>

  <div id="slideshowNavigation">      
    <div id="previousImage" class="slideshowButton" onclick="goBack();" style="display: inline;"><img src="assets/control_rewind.png" alt="Previous" title="Previous" border="0" height="16" width="16"></div>
    <div id="pauseButton" class="slideshowButton" onclick="pause();" style=""><img src="assets/control_pause.png" alt="Pause" title="Pause" border="0" height="16" width="16"></div>
    <div id="playButton" class="slideshowButton" onclick="play();" style="display: none;"><img src="assets/control_play.png" alt="Play" title="Play" border="0" height="16" width="16"></div>
    <div id="nextImage" class="slideshowButton" onclick="goForward();" style="display: inline;"><img src="assets/control_fastforward.png" alt="Next" title="Next" border="0" height="16" width="16"></div>
  </div><!-- slideshowNavigation -->

</div><!-- slideshowContainer -->

<script type="text/javascript">play();</script>

<!---------- End Slideshow ---------->

and these script and style references (the effects.js file is also referenced from one of the external js files so don't delete that even though it's not referenced in the html file):

<script type="text/javascript" src="assets/prototype.js"></script>
<script type="text/javascript" src="assets/scriptaculous.js"></script>
<script type="text/javascript" src="assets/msf_core.js"></script>
<link rel="stylesheet" href="assets/msf_styles.css" type="text/css">

This is all the css you need in the stylesheet:

#slideshowContainer {
    position:relative;
    height:176px;
    overflow:hidden;
    text-align:left;
    z-index:10;
    margin:0;
    padding:0;
}
#slideshowNavigation {
    position:absolute;
    top:140px;
    left:20px;
    z-index:1000;
    border:none;
    width:84px;
    height:26px;
}
.slideshowButton {
    cursor:pointer;
    float:left;
    padding:5px;
}
.slideContainer {
    position:absolute;
    z-index:10;
    margin:0;
    padding:10px 10px 7px;
}
#store_right ul {
    margin:0;
    padding:0;
}
#store_right ul li {
    list-style:none;
    padding:3px 0;
}

I tried to attach the complete code here but the zip file is too large, so get it from here:

http://rapidshare.com/files/439535719/slideshow.zip

Thank you Marik, it works great! I appreciate your work!