Owl carousel

@bb_oo · Регистрация: 22.11.2013

Author24 — интернет-сервис помощи студентам

Такая проблема. У меня на странице выводится несколько owl-carousel. Подскажите, как мне оптимизировать этот код, чтобы слайдеры работали? А то работает только последний в скрипте) Нужна как-то автоматизировать этот процесс.

HTML5

<div class="nav-arrows">
                <div id="sld2-prev" class="arrow-prev"></div>
                <div id="sld2-next" class="arrow-next"></div>
            </div>  
<div id="slider2" class="w100 owl-carousel owl-theme left">         
        
        <?php if(!empty($data['saleProducts'])): ?>
            <?php foreach ($data['saleProducts'] as $item): ?>
 
            <div class="product-item">
                <div class="img">
                    <a href="<?php echo SITE ?>/<?php echo isset($item["category_url"]) ? $item["category_url"] : 'catalog' ?>/<?php echo htmlspecialchars($item["product_url"]) ?>">
                    <?php echo mgImageProduct($item); ?>
                    </a>
                </div>
                <div class="title">
                    <h3>
                        <a href="<?php echo SITE ?>/<?php echo isset($item["category_url"]) ? $item["category_url"] : 'catalog' ?>/<?php echo htmlspecialchars($item["product_url"]) ?>"><?php echo $item["title"] ?></a>
                    </h3>
                </div>
                <div class="desc">
                    <div class="price">
                        <span class="new_price_text"><?php echo priceFormat($item["price"]) ?> <?php echo $data['currency']; ?></span>
                        <span class="old_price_text"><?php echo priceFormat($item["old_price"] ) ?> <?php echo $data['currency']; ?></span>
                    </div>
                    <a class="buy-btn left" href="#"><i class="bb_ico"></i><span>Купить</span></a>
                    <span class="like scale" href="#"></span>
                    <span class="doc scale" href="#"></span>
                </div>
            </div>
 
            <?php endforeach; ?>        
        <?php endif; ?> 
        </div>

Javascript

$("#slider2").owlCarousel({
    
      navigation : false,
      navigationText: false, // Show next and prev buttons
      slideSpeed : 300,
      items: 4,
      paginationSpeed : 400
    
  });
 
  var owl = $('#slider2');
 
  $("#sld2-next").click(function(){
    owl.trigger('owl.next');
  });
  $("#sld2-prev").click(function(){
    owl.trigger('owl.prev');
  });
  
 /*brands-slider*/
  $("#brands-slider").owlCarousel({
    
      navigation : false,
      navigationText: false, // Show next and prev buttons
      slideSpeed : 300,
      items: 4,
      paginationSpeed : 400
    
  });
  
  var owl = $('#brands-slider');
 
  $("#sld-br-next").click(function(){
    owl.trigger('owl.next');
  });
  $("#sld-br-prev").click(function(){
    owl.trigger('owl.prev');
  });
  
});

Добавлено через 17 секунд
В html вывел пример одного слайдера.

@Para bellum · 27.04.2015, 20:17

Может по классу присваивать, а не по ID?
Такой вариант не рассматривали?

@bb_oo · 27.04.2015, 21:06 **[ТС]**

Сообщение от Para bellum

Может по классу присваивать, а не по ID?
Такой вариант не рассматривали?

А конечный ре-т каков будет? Все слайдеры одновременно будут крутиться?

@Para bellum · 28.04.2015, 06:51

Сообщение от bb_oo

А конечный ре-т каков будет? Все слайдеры одновременно будут крутиться?

Ну по идее да, если правильно организован plugin.

@Para bellum 5753 / 4133 / 1507 Регистрация: 06.01.2011 Сообщений: 11,276
	27.04.2015, 20:17	2
	Может по классу присваивать, а не по ID? Такой вариант не рассматривали? 0

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762
	27.04.2015, 21:06 [ТС]	3
	Сообщение от Para bellum Может по классу присваивать, а не по ID? Такой вариант не рассматривали? А конечный ре-т каков будет? Все слайдеры одновременно будут крутиться? 0

@Para bellum 5753 / 4133 / 1507 Регистрация: 06.01.2011 Сообщений: 11,276
	28.04.2015, 06:51	4
	Сообщение от bb_oo А конечный ре-т каков будет? Все слайдеры одновременно будут крутиться? Ну по идее да, если правильно организован plugin. 0