Results 1 to 4 of 4

Hybrid View

  1. #1
    Join Date
    Mar 2006
    Posts
    184
    Plugin Contributions
    0

    Default Rotating images?

    Can't seem to figure out how this site does rotating images in the New Items section in the left column.

    http://www.theyorkiebowtique.com/

    Vito

  2. #2
    Join Date
    Mar 2008
    Location
    Cape Town & London (depends on the season)
    Posts
    2,975
    Plugin Contributions
    0

    Default Re: Rotating images?

    The source code for that block says:-

    HTML Code:
    <!--// bof: whatsnew //-->
    
    <div class="leftBoxContainer" id="whatsnew" style="width: 150px">
    
    <h3 class="leftBoxHeading" id="whatsnewHeading"><a href="http://theyorkiebowtique.com/bowtique/index.php?main_page=products_new">New Items<br/>[more]</a></h3>
    
    <script language="javascript" type="text/javascript">
      <!--
      var scrollID = null;
      var scrollerRunning = false;
      var nfid = 0;
      var nftotal = 10;
    
      var ns4=(navigator.appName=='Netscape' && parseInt(navigator.appVersion)==4);
      var ns6=(document.getElementById)? true:false;
      var ie4=(document.all)? true:false;
    
      function showObject(obj){
        if (ns6) {
          obj.style.display='block';
          obj.style.visibility='visible';
        }
        else if (ie4) obj.visibility='visible';
        else if (ns4) obj.visibility='show';
      }
      function hideObject(obj){
        if (ns6) {
          obj.style.display='none';
          obj.style.visibility='hidden';
        }
        else if (ie4)obj.visibility='hidden';
        else if (ns4)obj.visibility='hide';
      }
      function nextid(id,total) {
        id = (id < total-1) ? id+1 : 0;   // Circular chain : next to last = first
        return id;
      }
      function previd(id,total) {
        id = (id <= 0) ? total-1 : id-1;   // Circular chain : previous to first = last
        return id;
      }  
      function showOne() {
          hideObject(document.getElementById('nfscr' + previd(nfid,nftotal)));   // Hide Object
          showObject(document.getElementById('nfscr' + nfid));                   // Show Object
          nfid = nextid(nfid,nftotal);                                           // Set next object
          scrollID = setTimeout('showOne()', 3000);                    // Wait for a while before to display next object
      }  
      function stopScroller (){
        if (scrollerRunning) { clearTimeout(scrollID); }       // Stop the scroller
        scrollerRunning = false;                               // Scroller stopped
      }  
      function startScroller () {
        stopScroller();                                        // Make sure the scroller is stopped
        if (document.getElementById) {                         // DOM Compatible ?
          scrollerRunning = true;                              // Scroller started
          showOne();
        }
      } 
      // Start scroller when page is loaded...
      if (window.addEventListener)
          window.addEventListener('load', startScroller, false);
      else if (window.attachEvent)
          window.attachEvent('onload', startScroller);
      //-->
    
    </script>
    
    <table cellspacing="0" width="100%" cellpadding="0" border="0"><tr><td valign="top" height="150">
    <div id="nfscr0" class='newsflash' style='display: visible; visibility: visible;'>
    <br /><center><a class="wnImage" href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=669"><img src="images/125_2574 (2).JPG" alt="5/8" Black & Pink Swiss" width="100" height="80" style="border:1px outset #000000" onmouseover="myHint.show('TT4')" onmouseout="myHint.hide()" /></a><br /><a href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=669">5/8" Black & Pink Swiss</a><br />$4.95</center></div>
    <div id="nfscr1" class='newsflash' style='display: none; visibility: hidden;'>
    <br /><center><a class="wnImage" href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=668"><img src="images/125_2573 (2).JPG" alt="5/8" Denim & Red Bandanna" width="100" height="80" style="border:1px outset #000000" onmouseover="myHint.show('TT4')" onmouseout="myHint.hide()" /></a><br /><a href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=668">5/8" Denim & Red Bandanna</a><br />$4.95</center></div>
    <div id="nfscr2" class='newsflash' style='display: none; visibility: hidden;'>
    <br /><center><a class="wnImage" href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=667"><img src="images/125_2542 (2).JPG" alt="5/8" Boys Baseball Pairs 2" width="100" height="80" style="border:1px outset #000000" onmouseover="myHint.show('TT4')" onmouseout="myHint.hide()" /></a><br /><a href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=667">5/8" Boys Baseball Pairs 2</a><br />$5.95</center></div>
    
    <div id="nfscr3" class='newsflash' style='display: none; visibility: hidden;'>
    <br /><center><a class="wnImage" href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=666"><img src="images/125_2541 (2).JPG" alt="5/8" Boys Baseball Pairs" width="100" height="80" style="border:1px outset #000000" onmouseover="myHint.show('TT4')" onmouseout="myHint.hide()" /></a><br /><a href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=666">5/8" Boys Baseball Pairs</a><br />$6.95</center></div>
    <div id="nfscr4" class='newsflash' style='display: none; visibility: hidden;'>
    <br /><center><a class="wnImage" href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=665"><img src="images/125_2571 (2).JPG" alt="7/8" Red & Gold Show Bow" width="100" height="80" style="border:1px outset #000000" onmouseover="myHint.show('TT4')" onmouseout="myHint.hide()" /></a><br /><a href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=665">7/8" Red & Gold Show Bow</a><br />$5.95</center></div>
    <div id="nfscr5" class='newsflash' style='display: none; visibility: hidden;'>
    <br /><center><a class="wnImage" href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=664"><img src="images/125_2566 (2).JPG" alt="7/8" Red & Gold Lace Show Bow" width="100" height="80" style="border:1px outset #000000" onmouseover="myHint.show('TT4')" onmouseout="myHint.hide()" /></a><br /><a href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=664">7/8" Red & Gold Lace Show Bow</a><br />$5.95</center></div>
    <div id="nfscr6" class='newsflash' style='display: none; visibility: hidden;'>
    <br /><center><a class="wnImage" href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=663"><img src="images/125_2527 (2).JPG" alt="7/8" Red & Gold Show Bow" width="100" height="80" style="border:1px outset #000000" onmouseover="myHint.show('TT4')" onmouseout="myHint.hide()" /></a><br /><a href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=663">7/8" Red & Gold Show Bow</a><br />$5.95</center></div>
    
    <div id="nfscr7" class='newsflash' style='display: none; visibility: hidden;'>
    <br /><center><a class="wnImage" href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=662"><img src="images/125_2586 (2).JPG" alt="7/8" Orange & Black Animal Print" width="100" height="80" style="border:1px outset #000000" onmouseover="myHint.show('TT4')" onmouseout="myHint.hide()" /></a><br /><a href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=662">7/8" Orange & Black Animal Print</a><br />$5.95</center></div>
    <div id="nfscr8" class='newsflash' style='display: none; visibility: hidden;'>
    <br /><center><a class="wnImage" href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=661"><img src="images/125_2546 (2).JPG" alt="5/8" Giraffe Dog Bow" width="100" height="80" style="border:1px outset #000000" onmouseover="myHint.show('TT4')" onmouseout="myHint.hide()" /></a><br /><a href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=661">5/8" Giraffe Dog Bow</a><br />$3.50</center></div>
    <div id="nfscr9" class='newsflash' style='display: none; visibility: hidden;'>
    <br /><center><a class="wnImage" href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=660"><img src="images/125_2589 (2).JPG" alt="5/8" Brown & Pink Paisly" width="100" height="80" style="border:1px outset #000000" onmouseover="myHint.show('TT4')" onmouseout="myHint.hide()" /></a><br /><a href="http://theyorkiebowtique.com/bowtique/index.php?main_page=product_info&amp;products_id=660">5/8" Brown & Pink Paisly</a><br />$3.95</center></div>
    </td></tr></table>
    
    </div>
    
    <!--// eof: whatsnew //-->

  3. #3
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: Rotating images?

    Quote Originally Posted by vito View Post
    Can't seem to figure out how this site does rotating images in the New Items section in the left column.

    http://www.theyorkiebowtique.com/

    Vito
    Latest additions block as per top left sidebox at
    http://www.dezinashop.com/demo/

  4. #4
    Join Date
    Nov 2007
    Location
    USA
    Posts
    889
    Plugin Contributions
    5

    Default Re: Rotating images?

    Misty:

    Is this going to be an update to your scrolling sidebox mod?
    Cheers!
    v2.2.1

 

 

Similar Threads

  1. Header Rotating banner Images - Location
    By outeredge2 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 1 May 2013, 11:27 PM
  2. Frontpage rotating Images
    By divaboutiques in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 31 Oct 2010, 06:52 PM
  3. Rotating Images in Side Box
    By Jaden in forum Basic Configuration
    Replies: 1
    Last Post: 8 Sep 2007, 01:03 AM
  4. Rotating Images on homepage
    By blueiris in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 4 Dec 2006, 06:16 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg