Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

JavaScript Forum


You are currently viewing our JavaScript Forum as a guest. Please register to participate.
Login



Reply
Banner Rotator Script...
Old 12-26-2010, 10:20 AM Banner Rotator Script...
Brian07002's Avatar
Defies a Status

Posts: 2,162
Name: ...
Location: ...
Trades: 0
Can someone tell me where I can find this script? It's the banner rotator at the top of this page:
Code:
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
__________________
Made2Own

Please login or register to view this content. Registration is FREE

Last edited by Brian07002; 12-26-2010 at 10:22 AM..
Brian07002 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 12-27-2010, 12:22 PM Re: Banner Rotator Script...
Brian07002's Avatar
Defies a Status

Posts: 2,162
Name: ...
Location: ...
Trades: 0
139 views and no replies? Hmmm, maybe no one is in the mood to reply?
__________________
Made2Own

Please login or register to view this content. Registration is FREE
Brian07002 is offline
Reply With Quote
View Public Profile
 
Old 12-27-2010, 01:38 PM Re: Banner Rotator Script...
Marik's Avatar
Skilled Talker

Posts: 99
Trades: 0
You need this html:

HTML Code:
<!---------- 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):

HTML Code:
<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:


Code:
#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:

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

Please login or register to view this content. Registration is FREE
Marik is offline
Reply With Quote
View Public Profile
 
Old 12-27-2010, 02:39 PM Re: Banner Rotator Script...
Brian07002's Avatar
Defies a Status

Posts: 2,162
Name: ...
Location: ...
Trades: 0
Thank you Marik, it works great! I appreciate your work!
__________________
Made2Own

Please login or register to view this content. Registration is FREE
Brian07002 is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Banner Rotator Script...
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.32574 seconds with 12 queries