2014-06-29 95 views
0

我需要一个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) { 

     ??????????; 

     } 
    }); 
    }); 
+0

实际上,您无法真正用JavaScript计算文件夹中元素的数量。当然,你可以尝试加载图像1,5和10,如果他们全部加载,用更高的数字进一步尝试,直到你点击一个不加载图像的数字。但那不会很高效,并且会占用很多带宽。我会检查服务器端的项目数量,并将其注入到HTML中,或向服务器端图像计数脚本发出ajax请求。 –

回答

0

这样的事情应该工作得到元素的个数:

变种包括maxValue =的jQuery('#type_a_images>点> img')。length;