Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Как возобновить работу карусели на сайте?

Как возобновить работу карусели на сайте?


     12.03.2015    Общие вопросы по вёрстке, jQuery    1863

вопрос
Здравстуйте! На моем сайте не работает карусель (не двигается при нажатии на стрелки). Карусель на фото.
Как возобновить работу карусели на сайте?

Использую DLE 10.4, ниже код вывода карусели в шаблоне:
main.tpl
<div class="carousel">  
      <div class="carousel-button-left"><a href="javascript:void(0);">&nbsp;</a></div>
      <div class="carousel-button-right"><a href="javascript:void(0);">&nbsp;</a></div>        
            <div class="carousel-wrapper">
               <div class="carousel-items">
               <!-- Блок Выбор редакции -->                
                {custom category="1,2,3,4" template="custom-3" aviable="global" from="0" limit="12" cache="no" order="date"}                      
               </div>
            </div>
   </div>


custom-3.tpl
<div class="carousel-block"> 
<div class="custom-3">
  <div class="overflow3">
   <a href="{full-link}" title="{title}">
    <img src="{image-1}" alt="" />
   </a>
  </div>
  <h2 class="custom-title3"><a href="{full-link}" title="{title}" >{title}</a></h2>
</div>
</div>


Собственно видимо в проблема в jQuery. А именно если меняю скрипт jQuery по пути engine\classes\js на более старую версию от DLE 10.2, то карусель работает. Как переделать карусель или что изменить, что бы работала на последней версии dle?

Ответил: webil


Вы хотите чтоб мы колдовали не имея скрипта?
Ну хорошо я попробую...
Замените в скрипте .live на .on

Комментарии пользователей (8)

lexa-fint
5

lexa-fint - 13 марта 2015 17:07 - Юзер

Карусель случайно не на mootools? Тогда вам нужно просто решить конфликт скриптов.

gulllak
1

10

gulllak - 13 марта 2015 18:51 - Юзер

Замена .live на .on не работает.
Вот код js скрипта карусели:
$(".carousel-button-right").live('click',function(){ 
   right_carusel();
});
  
$(".carousel-button-left").live('click',function(){
   left_carusel();
});
function left_carusel(){
   var block_width = $('.carousel-block').width();
   $(".carousel-items .carousel-block").eq(-1).clone().prependTo(".carousel-items");
   $(".carousel-items").css({"left":"-"+block_width+"px"});
   $(".carousel-items").animate({left: "0px"}, 200);
   $(".carousel-items .carousel-block").eq(-1).remove();
}
function right_carusel(){
   var block_width = $('.carousel-block').width();
   $(".carousel-items").animate({left: "-"+ block_width +"px"}, 200);
   setTimeout(function () {
      $(".carousel-items .carousel-block").eq(0).clone().appendTo(".carousel-items");
      $(".carousel-items .carousel-block").eq(0).remove();
      $(".carousel-items").css({"left":"0px"});
   }, 300);
}


Сам файл jquery.js из движка DLE по пути engine\classes\js прикрепить не могу.

webil
5

9 | 2

webil - 13 марта 2015 23:23 - Юзер

если не работает, то это скорее всего значит, что у вас есть видимо еще один подключенный скрыпт который выдает ошибку.
для того чтоб узнать какой открываем консоль браузера и смотрим информацию об ошибках

lexa-fint
5

lexa-fint - 18 марта 2015 12:59 - Юзер

Попробуйте скрипт jquery только заменить на тот, что от предыдущей версии.

onlinehero
3

12 | 2

onlinehero - 31 июля 2015 11:42 - Юзер

Точно такая же проблема, кто-то нашел толковое решение?

FastFud
50

1599 | 588

FastFud - 31 июля 2015 11:47 - Юзер

$(document).on('click', '.carousel-button-right', function(){ 
   right_carusel();
});
$(document).on('click', '.carousel-button-left', function(){
   left_carusel();
});

music_creations
35 | 5

music_creations - 12 января 2016 23:05 - Юзер

Спасибо большое!

onlinehero
3

12 | 2

onlinehero - 31 июля 2015 12:00 - Юзер

FastFud,
Мой спаситель! Огромное спасибо!!!!!) До этого перерыл столько левой инфы =(

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы