images slide show

fik næsten løst det selv nu.. men mangler bare en lille ting. Og det er hastigheden hvordan kan jeg lave en variable som sætter hastigheden på dette script her.

<a href="#" onmouseover="start_scroll('left');" onmouseout="window.clearInterval(scroll_left);">Left</a><br />
<a href="#" onmouseover="start_scroll('right');" onmouseout="window.clearInterval(scroll_right);">Right</a>
<div id="slides" style="background-color:#333; border-bottom:2px solid #333;
    border-left:12px solid #333; border-right:12px solid #333; border-top:2px solid #333;
    clip:rect(0,960,194,0); height:194px; margin:auto; overflow:hidden; position:relative; width:960px;">
    <div id="sld1" style="display:inline; left:0; position:absolute;
    top:6px; white-space:nowrap; width:1224px;">
    <img src="http://www.parkenet.com/apl/resource/sbi01.jpg" style="height:175px; margin:4px; width:294px;" />
    <img src="http://www.parkenet.com/apl/resource/sbi02.jpg" style="height:175px; margin:4px; width:294px;" />
    <img src="http://www.parkenet.com/apl/resource/sbi03.jpg" style="height:175px; margin:4px; width:294px;" />
    <img src="http://www.parkenet.com/apl/resource/sbi04.jpg" style="height:175px; margin:4px; width:294px;" />
    </div>
  </div>
 
  <script type="text/javascript">
    <!--
    var Sld1_Len = 1224;
      var Sld_1 = 0;
   
    function start_scroll(a) {
        if (a == 'left') {
            scroll_left = window.setInterval('scrollSlides_left()',10);
        } else {
          scroll_right = window.setInterval('scrollSlides_right()',10);
        }
    }
   
    function scrollSlides_left() {
      --Sld_1;
          document.getElementById("sld1").style.left = Sld_1+"px";
      }
     
      function scrollSlides_right() {
      ++Sld_1;
          document.getElementById("sld1").style.left = Sld_1+"px";
      }
    //-->
  </script>

prøv at ændre:

function start_scroll(a) {
        if (a == 'left') {
            scroll_left = window.setInterval('scrollSlides_left()',10);
        } else {
          scroll_right = window.setInterval('scrollSlides_right()',10);
        }
    }

til:

function start_scroll(a) {
        if (a == 'left') {
            scroll_left = window.setInterval('scrollSlides_left()',1);
        } else {
          scroll_right = window.setInterval('scrollSlides_right()',1);
        }
    }

Hej det er afprøvet og virkede ikke.. ved ikke lige hvordan jeg skal få den til at køre hurtiger.

Jeg kan vælge at sige at den skal flytte sig 2 px af gang, men så hakker den i grafiken og det er slet ikke fedt.

har du et link?

vil mene at det burde hjælpe at sætte intervallet ned...

-- normalt i javascript får du ikke hastigheds-ændringer, når du kommer ned under ca. 32 ms. ...

-> #5 - okay, det var jeg ikke klar over - ja så er den eneste løsning nok at få dettil at flytte sig flere pixels ad gangen...

har lige en ting mere..

hvordan kan jeg få den til at gentage sige selv.. Det vil sige når sld2 når left=0 så skal den køre sld1 og så sld2 og vidre..?

<div id="slides" style="background-color:#333; border-bottom:2px solid #333;
    border-left:12px solid #333; border-right:12px solid #333; border-top:2px solid #333;
    clip:rect(0,960,194,0); height:194px; margin:auto; overflow:hidden; position:relative; width:960px;">
    <div id="sld1" style="display:inline; left:0; position:absolute;
    top:6px; white-space:nowrap; width:1224px;">
    <img src="http://www.parkenet.com/apl/resource/sbi01.jpg" style="height:175px; margin:4px; width:294px;" />
    <img src="http://www.parkenet.com/apl/resource/sbi02.jpg" style="height:175px; margin:4px; width:294px;" />
    <img src="http://www.parkenet.com/apl/resource/sbi03.jpg" style="height:175px; margin:4px; width:294px;" />
    <img src="http://www.parkenet.com/apl/resource/sbi04.jpg" style="height:175px; margin:4px; width:294px;" />
    </div>
  </div>

  <script type="text/javascript">
    <!--
    var Sld1_Len = Sld2_Len = 1224;
    var Sld_1 = 0;
    var Sld_2 = Sld_1 + Sld1_Len;
    Sld_Timer = window.setInterval("scrollSlides()",10);
 
    function scrollSlides()
    {
      --Sld_1;
      --Sld_2;
      if (Sld_1 < -Sld1_Len)
      Sld_1 = Sld_2-Sld2_Len;
      if (Sld_2 < -Sld2_Len)
      Sld_2 = Sld_1-Sld1_Len;
      document.getElementById("sld1").style.left = Sld_1+"px";
      document.getElementById("sld2").style.left = Sld_2+"px";
    }
    //-->
  </script>

det kan sikkert gøres smartere, men her er min løsning:

<script type="text/javascript">
    <!--
    var Sld1_Len = 1224;
    var Sld_1 = 0;
    var Sld_2 = Sld1_Len;
    Sld_Timer = window.setInterval("scrollSlides()",10);

    function scrollSlides(){
        if(Sld_1<0-Sld1_Len){
            Sld_1 = Sld1_Len;
        }
        if(Sld_2<0-Sld1_Len){
            Sld_2 = Sld1_Len;
        }
        --Sld_1;
        --Sld_2;
        document.getElementById("sld1").style.left = Sld_1+"px";
        document.getElementById("sld2").style.left = Sld_2+"px";
    }
    //-->
</script>

lukker

løst?

Ja fik det løst

hvad blev løsningen?