jquery滑塊來改變圖像路徑

我需要一個jQuery腳本的幫助，我想改變img src路徑從image_1.jpg到image_2.jpg，image_3.jpg，..在ID爲type_a_images的股利。該文件夾中的圖像數量完全是隨機的，因此我需要腳本檢查文件夾中有多少圖像，並在滑塊腳本中將此編號設置爲maxValue。我想要的是一個類似於這個page的滑塊。jquery滑塊來改變圖像路徑

你能幫我嗎？謝謝。

HTML

<div id="type_a_images"> 
    <p> 
    <img src="../slider_images/type_a/image_1.jpg"> 
    </p> 
</div> 
<div id="type_a_slider"></div>

JQUERY

$(function() { 
    $("#type_a_slider").slider({ 
     value: 1, 
     min: 0, 
     max: maxValue, 
     step: 1, 

     slide: function(event, ui) { 

     ??????????; 

     } 
    }); 
    });

來源

2014-06-29 Peter Stopka

實際上，您無法真正用JavaScript計算文件夾中元素的數量。當然，你可以嘗試加載圖像1,5和10，如果他們全部加載，用更高的數字進一步嘗試，直到你點擊一個不加載圖像的數字。但那不會很高效，並且會佔用很多帶寬。我會檢查服務器端的項目數量，並將其注入到HTML中，或向服務器端圖像計數腳本發出ajax請求。 –

這樣的事情應該工作得到元素的個數：

變種包括maxValue =的jQuery（'＃type_a_images>點> img'）。length;

來源

2014-06-29 20:19:39 Geoff

jquery滑塊來改變圖像路徑

回答

相關問題