Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как возобновить работу карусели на сайте?

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


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

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

Использую 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
Юзер

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

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

gulllak
Юзер

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
Юзер

webil - 13 марта 2015 23:23 -

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

lexa-fint
Юзер

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

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

onlinehero
Юзер

onlinehero - 31 июля 2015 11:42 -

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

FastFud
Юзер

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
Юзер

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

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

onlinehero
Юзер

onlinehero - 31 июля 2015 12:00 -

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

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

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

наверх