자동화 할 수 있습니까?

다음 슬라이더를 실행중인 jQuery 비트가 있습니다. 자동으로 시작하고 마우스를 올려 놓으면 일시 중지하고 싶습니다. 여기자동화 할 수 있습니까?

이 테스트에 있습니다 (이되지는 템플릿에서이다 그런데 내 코드)

http://webcontentmanager.co.uk/clients/alex/testing-2.html

은 다음이 슬라이더를 실행하는 JQuery와대로 :

/*!Full-width scroller*/ 
$(".fullwidth-slider li").not(".text-on-img .fullwidth-slider li").each(function() { 
var $_this = $(this), 
    this_img = $_this.find("img").width(); 
$_this.css({"width": this_img + 20}); 
$(".fs-entry-content", $_this).css("opacity", "1"); 
$($_this).css("opacity", "1") 
}); 
$(".fullwidth-slider").each(function() { 
var $this = $(this), 
    $this_par = $(this).parent(), 
    $this_img = $this.find("img").attr("height"), 
    $this_top = $this.position().top, 
    scroller = $this.theSlider({ 
     mode: "scroller" 
    }).data("theSlider"); 
$(".prev, .next", $this_par).css({ 
    height: $this_img 
}); 
$(".related-projects .prev, .related-projects .next").css({ 
    top: $this_top + "px" 
}); 
$(".prev i", $this_par).click(function() { 
    if (!scroller.noSlide) scroller.slidePrev(); 
}); 
$(".next i", $this_par).click(function() { 
    if (!scroller.noSlide) scroller.slideNext(); 
}); 


scroller.ev.on("updateNav sliderReady", function() { 
    if (scroller.lockRight) { 
     $(".next", $this_par).addClass("disabled"); 
    } 
    else { 
     $(".next", $this_par).removeClass("disabled"); 
    }; 

    if (scroller.lockLeft) { 
     $(".prev", $this_par).addClass("disabled"); 
    } 
    else { 
     $(".prev", $this_par).removeClass("disabled"); 
    }; 
    }); 

});

출처

2014-01-23 Richard Bland

내 의견을 왜 수정 하시겠습니까? 아무 이유없이 게시물을 변경하는 것은 의미가 없습니다. 당신은 제발 꺼내 주었고, 제가 가르쳐 준 것이 고맙다고 생각합니다. –

우리는이 실행을 볼 수있는 페이지에 바이올린이나 링크를 게시 할 수 있습니까? –

jsfiddle을 보내서 무슨 일이 일어나는지 이해할 수 없습니까? – Pesulap

은

올바른 방향으로 가려면 슬라이더를 자동으로 스크롤하도록 슬라이더를 자동으로 스크롤하게 설정하십시오.

var i = setInterval(function(){ 
    jQuery("div.next i").trigger("click"); 
}, 500);

호버에서 다음을 사용할 수 있습니다. clearInterval(i)

루핑 기능에 대해 잘 모르겠습니다. 데모 페이지에는 문제와 관련이없는 JavaScript 및 CSS 포함 항목이 포함되어 있습니다.

관련 JS가 어디에 있는지는 즉시 명백하지 않습니다.

sscce으로 바이올린을 만들 수 있다면 더 많은 것을 도울 수 있습니다.

출처

2014-01-24 13:22:29

그래, 내가 말했듯이 나는 페이지에서 내용을 찢어서 저장했다. JS 자체는 위와 똑같은 main.js라는 파일에 있습니다. –

나는 당신이 요점을 놓치고 있다는 것에 두려워한다. :) JS 피들을 만들어 코드의 양을 줄이거 나 (무관 한 것을 제거한다.) 문제를 해결하기 위해 무관 한 의존성을 통해 싸우게하지 마라. –

죄송합니다.이 코드 문자열을 어디에 추가해야합니까? –

자동화 할 수 있습니까?

답변

관련 문제