2014-01-23 53 views
0

我有以下的運行滑塊的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"); 
    }; 
    }); 

}); 
+0

爲什麼要編輯我的評論?沒有理由無緣無故地改變帖子。你拿出我的請和謝謝你,我被教導是有禮貌的... –

+0

你能張貼小提琴或鏈接到一個頁面,我們可以看到這個運行,請。 –

+0

你不能發送jsfiddle來了解發生了什麼? – Pesulap

回答

0

爲了讓您朝着正確的方向前進,您可以這樣做,使滑塊自動滾動:

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

懸停後,您可以使用:clearInterval(i)

我不確定循環功能。您的演示頁面包含與問題無關的大量JavaScript和CSS包含。

相關的JS所在的地方並不明顯。

如果你可以用sscce做小提琴,我可以幫助你更多。

+0

是的,就像我說的,我只是從頁面上撕下內容並保存。 JS本身就是一個名爲main.js的文件,與上面的文件完全相同。 –

+0

我擔心你錯過了這一點:)做一個JS小提琴,儘量減少代碼量(去掉什麼是不相關的),不要讓我通過大量的無關緊要的依賴來解決問題。 –

+0

對不起,我在哪裏添加這段代碼呢? –

相關問題