JQuery滑塊下一個/上一個按鈕無法在第一個圖像上工作？

我有一個上一個和下一個按鈕的jQuery幻燈片放映，它工作正常但是！第一次加載頁面並按下按鈕時沒有任何反應！當頁面加載/刷新時，這些按鈕在幻燈片放映中的其他圖像上工作，但不在第一張圖像上？我不是很擅長jQuery，並會很感激任何幫助...JQuery滑塊下一個/上一個按鈕無法在第一個圖像上工作？

我做了一個小提琴，但按鈕不工作在所有的小提琴！但是，您可以查看代碼，可能會找到這個錯誤：jsfiddle.net/Margate/QB7W9/

這裏是這裏的一切運行有問題的網頁的鏈接（除了第一圖象上的按鈕！）：http://www.darrenmorton.com/example/index.html

預先感謝您的任何幫助，

馬蓋特：）

sliderint=1; 
sliderNext=2; 

$(document).ready(function(){ 
    $("#slider>img#1").fadeIn(300); 
    startSlider(); 
}); 

function startSlider(){ 
    count=$("#slider>img").size(); 

loop=setInterval(function(){ 

if(sliderNext>count){ 
    sliderNext=1; 
    sliderInt=1; 
} 

$("#slider>img").fadeOut(300); 
$("#slider>img#" + sliderNext).fadeIn(300); 

sliderInt=sliderNext; 
sliderNext=sliderNext+1 

},15000) 
} 

function prev(){ 
    newSlide=sliderInt-1; 
    showSlide(newSlide); 
} 

function next(){ 
    newSlide=sliderInt+1; 
    showSlide(newSlide); 
} 


function stopLoop(){ 
    window.clearInterval(loop); 
} 

function showSlide(id){ 
    stopLoop(); 
    if(id>count){ 
    id=1; 
}else if(id<1){ 
id=count; 
} 

$("#slider>img").fadeOut(300); 
$("#slider>img#" + id).fadeIn(300); 

sliderInt=id; 
sliderNext=id+1; 
startSlider(); 
} 

$("#slider>img").hover(
function(){ 
    stopLoop(); 
}, 
function(){ 
startSlider(); 
} 
);

來源

2013-12-24 Margate

原始初始化

sliderint=1;

將其更改爲

sliderInt=1;

而且它的工作

來源

2013-12-24 04:36:32

：）修正！我的話！我坐在這裏笑，因爲這只是我和我之間的差異，過去兩天我一直在拉我的頭髮，試圖解決這個問題！只是顯示了多麼細緻的代碼！我要更多地學習jquery，我花了幾個小時試圖解決這個問題。我不是很好，所以在一百萬年內永遠都看不到......非常感謝你的幫助。我希望其他人可以從中瞭解到編碼的真實性如何... – Margate

+1版在我的版本之前找到幾秒鐘:) –

在你的js初始化以下變量

當前

sliderint=1; 
sliderNext=2;

更新它

var sliderint=1; 
var sliderNext=2;

，使sliderint一致的是sliderint和sliderInt在其他地方

檢查http://jsfiddle.net/raunakkathuria/QB7W9/1/

來源

2013-12-24 04:30:55

檢查更新的答案，都取得了JS提琴工作 –

Raunak - 完美的作品。非常感謝您的幫助。我會將此副本保存在我的文件中供將來參考。親切的問候， – Margate

JQuery滑塊下一個/上一個按鈕無法在第一個圖像上工作？

回答

相關問題