Не работает jQuery слайдер Joomla 1.5

31

ilyas87

4 марта 2014, 11:24

1996

Добрый день.

Всю голову сломал. Вопрос следующий, скачал скрипт - слайдер картинок. Хочу запихнуть его в Joomla 1.5.

Под свои цели адаптировал - http://texvn.ru/texvnslider/index.html. Все прекрасно работает.

Но, как только пытаюсь внедрить в Index.php ручная навигация перестает работать.

Смотрим - texvn.ru

Погулив, выяснил, что проблема в jQuery и mootools. Пробывал добавлять <script type="text/javascript">jQuery.noConflict();</script> после подключения JQuery.

Код ниже:

Кто знает в чем дело? Также готов обратиться к спецу за символическое вознаграждение =)

Продам аккаунт в getgoodlinks.ru с возможностью вывода средств 20$! Писать в ЛС! Продам аккаунт в ГГЛ с возможностью вывода средств 25$! Писать в ЛС!

3

sashasib

4 марта 2014, 12:21

#1

А конкретный текст ошибки можно узнать, когда внедряете?

Для хрома: ctrl + shift + j — консоль, там должно будет быть написано.

31

ilyas87

4 марта 2014, 13:06

#2

sashasib:
А конкретный текст ошибки можно узнать, когда внедряете?
Для хрома: ctrl + shift + j — консоль, там должно будет быть написано.

Нет ошибок =) Просто не работает ручная навигация и ссылки при наведении на картинки не активны =)))

34

virtuozo

4 марта 2014, 13:15

#3

У меня все работает, браузер Firefox

31

ilyas87

4 марта 2014, 13:46

#4

virtuozo:
У меня все работает, браузер Firefox

И ручная навигация? И при наведении на картинку в шапке ссылка активна?

14

vitmar

4 марта 2014, 18:19

#5

ilyas87, у вас и на главной все отлично работает. Проблема в том, что слайдер накрыт блоком <div class="pagefon">, т.е. вы кликаете не по стрелкам слайдера, а по этому блоку.

1

31

ilyas87

5 марта 2014, 11:37

#6

vitmar:
ilyas87, у вас и на главной все отлично работает. Проблема в том, что слайдер накрыт блоком <div class="pagefon">, т.е. вы кликаете не по стрелкам слайдера, а по этому блоку.

Спасибо. А подскажите, как сделать так, чтобы и прокрутка работала и меню, телефоны и логотип в шапке сохранить?

14

vitmar

5 марта 2014, 12:15

#7

Попробуйте так. В файле templates/spectehnika/style.css

исправьте стиль элемента

.pagefon {

  margin-bottom: 0;

  overflow: hidden;

  position: relative;

  width: 1000px;

  z-index: 110;

}

и добавьте новый

.slider-wrapper.theme-default {

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

}

Еще поиграйте с настройками самого слайдера. Например, я бы поставил высоту слайдера в 305px, тогда хорошо видно меню и видны подписи к слайдам. Так же, стоит убрать отображение точек внизу, которые служат для переключения слайдов.

1

Как ускорить загрузку jQuery Уменьшить количество слайдов в Помогите найти ошибку скрипта

31

ilyas87

6 марта 2014, 04:38

#8

vitmar:
Попробуйте так. В файле templates/spectehnika/style.css
исправьте стиль элемента

.pagefon {

  margin-bottom: 0;

  overflow: hidden;

  position: relative;

  width: 1000px;

  z-index: 110;

}

и добавьте новый

.slider-wrapper.theme-default {

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

}

Еще поиграйте с настройками самого слайдера. Например, я бы поставил высоту слайдера в 305px, тогда хорошо видно меню и видны подписи к слайдам. Так же, стоит убрать отображение точек внизу, которые служат для переключения слайдов.

Огромное спасибо! Получилось!

---------- Добавлено 06.03.2014 в 09:25 ----------

И последний вопрос=) Как выравнять изображения в слайдере по центру? На данный момент они по левому краю выравнены=)

14

vitmar

6 марта 2014, 06:36

#9

.theme-default .nivoSlider {

  box-shadow: none;

  margin-left: auto;

  margin-right: auto;

  width: 1100px;

}

Ширину я взял условно. Можете сами уже подогнать, как больше нравится.

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах

Что такое Power BI и зачем это нужно бизнесу