1 Reply Latest reply on Aug 2, 2010 7:30 AM by Vivid Visuals

    Scroller Container Problem

    Vivid Visuals Level 1

      I can't get this Scroller to work in Opera, Firefox or Safari. The main scroller on the front page works but this one doesn't. Can anyone help me out?

      Here's the code:

       

      <style type="text/css">
      .Container {
        position: absolute;
        width: 920px;
        height: 410px;
      }
      #Scroller-4 {
        position: absolute;
        overflow: hidden;
        width: 920px;
        height: 410px;
      }
      .Scroller-Container {
        position: absolute;
        top: 0px; left: 0px;
      }
      .Scrollbar-Up {
        cursor: pointer;
        position: absolute;
        top: 0px; left: 905px;
      }
      .Scrollbar-Down {
        cursor: pointer;
        position: absolute;
        top: 399px; left: 905px;
      }
      </style>
      <script type="text/javascript" src="js/Scrolling.Scroller.js"></script>
      <script type="text/javascript">
      var scroller = null;
      window.onload = function () {
      var el = document.getElementById("Scroller-4");
      scroller = new Scrolling.Scroller(el, 920, 410);
      };
      </script>

       

      <div class="Container">
          <img src="uparrow.jpg" class="Scrollbar-Up" onmouseover="scroller.startScroll(0, -5);" onmouseout="scroller.stopScroll();" />
          <img src="downarrow.jpg" class="Scrollbar-Down" onmouseover="scroller.startScroll(0, 5);" onmouseout="scroller.stopScroll();" />
          <div id="Scroller-4">
           <div class="Scroller-Container">

           <table width="895" cellpadding="0" cellspacing="0" border="0">
           <tr>
           <td width="18"></td>
        
           <td valign="top">

       

          </td>
          </tr>
          </table>

       

          </div>
          </div>
          </div>