jquery滑块更改图像路径

时间:2014-06-29 19:19:08

标签: jquery html image path slider

我需要有关jquery脚本的帮助,我想将idg src路径从image_1.jpg更改为image_2.jpg,image_3.jpg,..在id为type_a_images的div中。文件夹中的图像数量是完全随机的,因此我需要脚本来检查文件夹中有多少图像,并在滑块脚本中将此数字设置为maxValue。我想要的是与此page中的滑块类似的滑块。

你能帮我解决这个问题吗?感谢。

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 ) {

        ??????????;

      }
    });
  });

1 个答案:

答案 0 :(得分:0)

这样的事情应该能够得到元素的数量:

var maxValue = jQuery(&#39; #type_a_images&gt; p&gt; img&#39;)。length;