ползунок jquery для изменения пути к изображению

#jquery #html #image #path #slider

#jquery #HTML #изображение #путь #ползунок

Вопрос:

Мне нужна помощь со скриптом jquery, я хочу изменить путь img src с image_1.jpg чтобы image_2.jpg , image_3.jpg , .. в div с идентификатором type_a_images . Количество изображений в папке совершенно случайно, поэтому мне нужен скрипт, чтобы проверить, сколько изображений находится в папке, и установить это число maxValue в скрипте слайдера. Мне нужен слайдер, аналогичный тому, что на этой странице.

Можете ли вы мне помочь с этим? Спасибо.

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. На самом деле вы не можете подсчитать количество элементов в папке с помощью JavaScript. Конечно, вы можете попытаться загрузить изображения 1, 5 и 10, и если все они загружаются, попробуйте продолжить с более высокими числами, пока не наберете число, которое не загружает изображение. Но это было бы не очень эффективно и потребовало бы большой пропускной способности. Я бы проверил количество элементов на стороне сервера и вставил его в HTML или отправил ajax-запрос в скрипт подсчета изображений на стороне сервера.

Ответ №1:

что-то вроде этого должно сработать, чтобы получить количество элементов:

var MaxValue = jQuery(‘#type_a_images > p > img’).длина;