проблемы возникают в ползунке jssor при получении нескольких значений (динамических) с использованием одного div

здесь я использую слайдер jssor, и мне нужно динамически получать значения, используя один div (slider1_container) в php,

Является ли это возможным?

И я попробовал код ниже,

while($row = $result->fetch_assoc()) {
                        ?>
                        <div class="category-box1">
                                <div id="slider1_container" class="common" style="position: relative; top: 0px; left: 0px; width:220px; height: 147px;">
                                    <!-- Slides Container -->
                                    <div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:220px; height:147px; cursor:pointer">
                                        <div class="imagecommon">
                                            <img class="img-responsive  center-block" alt="tour" src="<?php echo $this->getBaseUrl() ?>media/images/category/thumbs/<?php echo $row['thumbnail']?>" />
                                        </div>
                                        <div class="imagecommon">
                                            <img class="img-responsive  center-block" alt="tour1" src="<?php echo $this->getBaseUrl() ?>media/images/category/thumbs/<?php echo $row['image']?>" />
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 letter"><?php echo $row['title']?> </div>

                        </div>
                  <?php  }
                } ?>

<script>
     $(window).bind("load", function() {
 $(document).ready(function ($) {
    var options = { $AutoPlay: true };
    var jssor_slider1 = new $JssorSlider$('slider1_container', options);
});
});
</script>

Примечание: В этом коде значения получаются нормально, но проблема в том, что работает только один ползунок, мне нужно, чтобы работали все ползунки. Возможно ли, как это сделать? заранее спасибо


javascript php html jquery jssor
person Sathish    schedule 07.01.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

В разных слайдерах используется другое имя. Если вы назовете первый слайдер как «slider1», назовите второй как «slider2».

while($row = $result->fetch_assoc()) {
                    ?>
                    <div class="category-box1">
                            <div id="slider2_container" class="common" style="position: relative; top: 0px; left: 0px; width:220px; height: 147px;">
                                <!-- Slides Container -->
                                <div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:220px; height:147px; cursor:pointer">
                                    <div class="imagecommon">
                                        <img class="img-responsive  center-block" alt="tour" src="<?php echo $this->getBaseUrl() ?>media/images/category/thumbs/<?php echo $row['thumbnail']?>" />
                                    </div>
                                    <div class="imagecommon">
                                        <img class="img-responsive  center-block" alt="tour1" src="<?php echo $this->getBaseUrl() ?>media/images/category/thumbs/<?php echo $row['image']?>" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 letter"><?php echo $row['title']?> </div>

                    </div>
              <?php  }
            } ?>

<script>
 $(window).bind("load", function() {
 $(document).ready(function ($) {
var options = { $AutoPlay: true };
var jssor_slider2 = new $JssorSlider$('slider2_container', options);
});
});
</script>
person jssor    schedule 07.01.2015
comment
Я понимаю, что нужно добавить новый идентификатор, но в php он получает общее значение в таблице базы данных, здесь я получаю только заголовок и два изображения для всех. поэтому каждое значение отображается в slider1_container - person Sathish; 07.01.2015
comment
например ‹div id=slider1_container› title1 с двумя связанными ниже изображениями ‹/div› ‹div id=slider1_container› title2 с двумя связанными ниже изображениями ‹/div› - person Sathish; 07.01.2015
comment
вы понимаете мой вопрос? - person Sathish; 08.01.2015
comment
Извините, я не понял, в чем именно проблема. - person jssor; 09.01.2015
comment
точная проблема заключалась в том, что мне нужно два или более ползунка с использованием одного идентификатора, или это возможно как? - person Sathish; 09.01.2015
comment
контейнеры var = $(#slider_container); var jssor_slider1 = новый $JssorSlider$(контейнеры[0], options1); var jssor_slider2 = новый $JssorSlider$(контейнеры[1], опции2); var jssor_slider3 = новый $JssorSlider$(контейнеры[2], опции3); ... - person jssor; 09.01.2015