실행중인 jquery를 중지 한 다음 남은 위치에서 다시 시작합니다.

글쎄, this jquery carousel plugin ...을 사용하고 있습니다. 자동으로 컨베이어가 활성화되어 있습니다. 그러나 아무 사용자 나 마우스를 올려도 멈추지 않으려 고합니다. 회전 목마를 쥐고 나서 마우스가 빠져 나갔을 때 왼쪽에서 다시 시작하려고합니다. 나는 아직 이것을 해내 지 못했으며, 계속 노력하는 방법조차 모릅니다. 이것은 (아주 오래가 반복 결국 나는 첫 번째 부분 만 거 장소 해요 이후) ...실행중인 jquery를 중지 한 다음 남은 위치에서 다시 시작합니다.

<div id="expertos" class="carrusel_expertos"> 
           <ul> 
            <li> 
             <img class="izq" id="fernandocavazos" height="88px" width="77px" src="assets/img/expertos/equipo7.jpg" alt="Dr. Fernando Cavazos" title="Dr. Fernando Cavazos<br /><br /> 
             Director de Servicios T&eacute;cnicos ABS Am&eacute;rica Latina<br /> 
             Residencia: M&eacute;xico<br /> 
             Email: [email protected]<br /> 
             Medico Veterinario - Universidad Nacional Aut&oacute;noma, M&eacute;xico <br /> 
             Fisiolog&iacute;a Reproductiva - Universidad de Edimburgo, Escocia<br /> 
             <br /> 
             Fernando esta a cargo de los programas de actualizaci&oacute;n para el equipo de servicios t&eacute;cnicos de Am&eacute;rica Latina. Sus &aacute;reas de especializaci&oacute;n incluyen manejo reproductivo en ganado de leche y carne, procedimientos de orde&ntilde;o y salud de la ubre, evaluaci&oacute;n del confort e instalaciones y salud del hato. 
             " />  
             <ul id="textcontainer_der"> 
              <li><div id="nombre_experto">Dr. Fernando Cavazos</div></li> 
              <li><div id="residencia_experto">M&eacute;xico</div></li> 
              <li><div id="mail_experto">[email protected]</div></li> 
             </ul> 
            </li> 
            <li> 
             <img class="der" height="88px" width="77px" src="assets/img/expertos/equipo8.jpg" alt="Dr. Dr. Hernando L&oacute;pez" />  
             <ul> 
              <li><div id="nombre_experto">Dr. Hernando L&oacute;pez</div></li> 
              <li><div id="residencia_experto">USA</div></li> 
              <li><div id="mail_experto">[email protected]</div></li> 
             </ul> 
            </li> 
            <li> 
             <img class="izq" height="88px" width="77px" src="assets/img/expertos/equipo9.jpg" alt="Dr. Neil Michael" /> 
             <ul id="textcontainer_der"> 
             <li><div id="nombre_experto">Dr. Neil Michael</div></li> 
              <li><div id="residencia_experto">USA</div></li> 
              <li><div id="mail_experto">[email protected]</div></li> 
             </ul> 
            </li>

내 회전 목마 코드 여기

var carousel = $(function(){ 
    $("div.carrusel_expertos").carousel({ 
     direction: "vertical", 
     loop: true, 
     dispItems: 3, 
     nextBtn: "<span></span>", 
     prevBtn: "<span></span>", 
     autoSlide: true, 
     autoSlideInterval: 6000, 
     delayAutoSlide: 2000, 
     effect: "fade" 
    }); 
});

및 jCarousel

시작하는 자바 스크립트입니다 나는 여기에 이미 실행 jCarousel을 중지하는 것을 시도했다 :

$(function() { 
    $('#expertos').mouseover(function() { 
     //$(this).stop(); 
       $(this).die("mouseover",carousel); 
     }).mouseout(function() { 
     //$(this).carousel(); 
       $(this).live("mouseout",carousel); 
    }); 
});

출처

2009-06-01 Tsundoku

당신은 그것에 자신을 플러그인 수정해야합니다. 플러그인이 jQuery UI 위젯으로 개발 된 경우, 플러그인을 수정하지 않고도 제어가 훨씬 쉬워졌습니다.

"pauseOnMouseOver"와 같이 마우스 오버시 회전식을 일시 정지해야한다는 옵션을 포함하도록 params 객체를 확장해야합니다.

"env"개체를 "paused"와 같은 부울 값으로 확장해야합니다.

"mouseover"이벤트 처리기를 env.paused 값을 true로 설정하는 env. $ elts.content 요소에 바인딩하고 "mouseout"이벤트 처리기를 false로 다시 설정합니다. 트릭을 할해야

if (!paused)

같은 if 문을 추가 라인

env.$elts.nextBtn.click();

에

  // Launch autoslide 
      if (env.params.autoSlide){ 
       window.setTimeout(function(){ 
        env.autoSlideInterval = window.setInterval(function(){ 
         env.$elts.nextBtn.click(); 
        }, env.params.autoSlideInterval); 
       }, env.params.delayAutoSlide); 
      }

는 섹션을 찾습니다.

출처

2009-06-05 09:41:55 Raybiez

실행중인 jquery를 중지 한 다음 남은 위치에서 다시 시작합니다.

답변

관련 문제